angular之入门基础

一、angular

1，angular 的有引入：必须在文档流之前引入（需要注意的是 angular 和原生的js 不互通）

2，angular 是由谷歌开发的框架，奇特点是对于DOM的操作变的更加的简介；代码量大大的降低了，对数据的操作变的更加的灵活（通过控制数据的变化，间接的控制了DOM节点。脏检查（一旦某一个数据发生变化，angular就会在第一时间检测到这个元素，angular一直在实时检查中），angular的模块化也让开发变的更加的方便简洁）；

3.angular 指令

ng-app=""：绑定在标签上，声明一个angular的应用程序，证明这个标签里可以写入angular代码。一个页面只允许一个ng-app出现。

ng-init=“”在标签里声明数据。

4.{{ }} 绑定数据到Dom节点，但在其绑定大框好前加字符串会显示在前台。

5.ng-bind 绑定数据到Dom节点

 

6.ng-model 数据的双向绑定。并可实时监控并实时输出

7.ng-show：相当于dispaly 的block 和none （true为显示，false为隐藏）；

 

 

8.ng-repeat：循环

 

9.ng-click=“” angular的事件

 

10.angular 控制器

（1）let app = angular.module('myApp',[]);获取angular 的应用程序

（2）声明控制器

app.controller('mainCtr',function( $secope ){})

// 用angular控制器声明创建的变量和函数，最后要用angular的方式去调用他们

// $scope 声明所有变量 能被dom节点调用

 

11.angular 控制器中创建的angular变量和函数只能作用域当前控制器及其子控制器。

在其他的子控制器里，调用不了其他子控制器

 

12.自定义过滤器（去重）

 

13.angular 配置路由

（1）获取angular 应用程序，并加入路由模块

（2）要配置angular路由，必须要引入angular路由的js文件，而且这个文件必须和当前引入的angular。js是同一个版本

（3）文档里必须用a标签引入

（4）js路由模块里必须由专用的路由来调用

14.angular 配置模块

angular的模块开发，在js中引入模块，在DOm节点中进行模块调用

(1)获取angular的应用程序

（2）用模块函数directive 进行调用，传两个值，第一个值为调用模块名称，需要与html文档一样，第二个为一个匿名函数

15.angular 的http请求

（1）获取应用程序

（2）设置控制器传参两个值，$scope,$http

 

16.勾选框 显示后台数据

 

17.过滤器

（1）angular 的过滤器是用管道字符 | 添加到表达式和指令中

（2）lowercase 将字符串格式转化为小写字母

 

（3）currency 将单个的数字格式转化为货币（如果数字存在于字符串中，则不会被过滤）

 

（4）fillter 从数组选项中根据指定条件选择一个子集

 

（5）uppercase 将字符串格式化为大写字母

 

( 6 )date 过滤器，将数字作为毫秒数，转化成时间格式

{{ 554545454564 | date:" yyyy-MM-dd HH:mm:ss " }}

( 7 )number 按照规定格式过滤数字

如果这个数字小数点后的位数 3那么，最多取 三位，除非对位数进行设置哦，比如：number：4

 

( 8 )limitTo：截取，例如：从前面往后开始截取8位；如果要从后面开始往前截取，则将limitTo 的值给成负数就好。

（9）orderby 按照规定的字段升序排序。值为true的时候为降序，false的时候为升序

 

（10） 将字符反转