Ionic指令事件
1、ng-click点击事件
2、ng-repeat循环事件
<div ng-repeat=”item in itemList”></div>
3、ng-model 数据双向绑定
4、ng-change 元素值改变时需要执行的操作,需要搭配 ng-model 指令使用
5、ng-if 指令用于在表达式为 false 时移除 HTML 元素
6、ng-show 指令在表达式为 true 时显示指定的HTML元素,否则隐藏指定的HTML 元素
7、ng-hide 指令在表达式为 true 时隐藏指定的HTML元素,否则显示指定的HTML 元素
注意:ng-if同no-show和ng-hide指令最本质的区别是,它不是通过CSS显示或隐藏DOM节点,而是删除或者新增结点,优先使用ng-if
8、ng-class 指令用于给 HTML 元素动态绑定一个或多个 CSS 类
案例:http://www.runoob.com/try/try.php?filename=try_ng_ng-class
<i class="icon" ng-class="isGroupShown ? 'erp-icon-arrow-down' : 'erp-icon-arrow-right'" ng-click="toggleGroup(department)"></i>
9、ng-style指令为 HTML 元素添加 style 属性。 属性值必须是对象,表达式返回的也是对象。
<div ng-style=”myObj”>你好!</div>
$scope.myObj = {
"color" : "white",
"background-color" : "coral",
"font-size" : "60px",
"padding" : "50px"
}