Ionic常用指令事件

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"
    }