日期:2014-05-16  浏览次数:20429 次

Augular JS里的各种ng-
正文:
1.ng-disabled="一种状态:该状态下不可用"例如:
%button.btn.btn-2(ng-disabled="!activity_name")创建 //"activity_name"是一个可判断的值,当其值为true时,按钮可正常显示;flase时,按钮为灰色不可点

2.ng-tap="一个函数:点击时触发"
%button.btn.btn-2( ng-tap="create_activity()")创建 //当点击创建时会调用create_activity()函数,需要在Controller.js中定义其function

3.ng-change="一个函数:有改变时触发"  
%input(type="text" ng-change="activity_name" )//相当于watch的作用

4.ng-blind="字符串"
%p(ng-blind="greeting")  //greeting是一个字符串,可在Controller.js中定义

5.ng-model="取一个名字"
%input(type="text" ng-model="activity_name" ) //给input来一个绑定

6.ng-repeat="元素 in 数组"
%li(ng-repeat="name in names")
  {{name}}  //names是一个数组,ng-repeat对于数组中的每一项都创建一次一组元素的一份副本

7.ng-show="一个判断条件:当其值为true时,按钮显示"
%button("ng-show="judge")返回 //其中judge是一个判断,可以使用函数返回值,或者直接传递一个值

参考:
Augular JS官方介绍:http://docs.angularjs.org/api/ng