AngularJS 最常用的功效

率先 迭代输出的ng-repeat标签
ng-repeat让table ul ol等标签和js里之数组完美结合

1
2
3
4
5

若居然足以指定输出的一一:

1

第二 动态绑定的ng-model标签
旁发生用户输入,只要是有值的html标签,都得动态绑定js中的变量,
同时是动态绑定。

1

对此绑定的变量,你可以使用{{}} 直接引用

1

假使你熟悉fiter,你可以老轻之随您的急需格式输出

1

其三 绑定点击事件之ng-click事件
运用ng-click你得十分轻之也一个签绑定点击事件。

1

当然前提是您而当$scope域中定义的友好的pressMe方法。

跟人情的onclick方法不同,你甚至足以为ng-click方法传递一个靶,就像这样:

1
2
3
4
5

理所当然还有ng-dblclick标签

季 分支语句的ng-switch on、ng-if/ng-show/ng-hide/ng-disabled标签
分支语句被你当界面上都得以写逻辑判断。

1
2
3
4
5
6
7
8
9
10
11
12
13
14

第五 校验语法之ng-trim ng-minlength ng-maxlength required ng-pattern
等标签

表单中的输入框,你得采取方面的竹签来促成对用户输入的校验。
自字面意思上而早已清楚了其的意。

1
2
3

汝得由此 $scope.yourForm.inputText.$error.required
来判断输入框是否也空
卿可以经过 $scope.yourForm.inputText.$invalid
来判断输入的始末是否满足ng-pattern,ng-maxlength,maxlength
你通过$scope.userNum获得的输入内容是错过丢前后空白的,因为ng-trim的留存。

第六 下拉绳的ng-options标签
ng-options是也下拉框专门制造的竹签。

1

下拉框中显得的是person.name,当您选中其中一个的下,你可以由此yourSelected得到你选中的person.id.

第七  控制css之ng-style标签
ng-style帮你轻轻松松控制而的css属性

1

卿可以由此叫myColor赋值的样式来改您想使的机能,就比如这么:

1
2

第八  异步请求的$http对象。
AngularJS 提供了一个近乎jquery的$.ajax的对象,用于异步请求。
当AngularJS中对异步操作是厚至极的,所以$http的操作都是异步的非像jquery.ajax里还提供了async参数。

1
2
3
4
5
6
7

如你是POST请求,params里的数码会帮忙您并线到url后面,data里的数据会放到请求体中。

相关文章