ng

作者: Web的美容师 | 来源:发表于2018-05-08 10:48 被阅读19次

    1.指令

    ng-app:当angular检测到ng-app的时候,就会认为,从这里开始,以下的范围都归属于   angular管辖了,就会按照angular的解析方式来解析,所以必须要写

    ng-model:表示模型,将当前的元素和输入的元素绑定在一起,可以实现双向绑定

    ng-init:表示初始化一个属性和属性值 使用的方法 ng-init="name='youyou' "

    ng-bind:表示将属性和当前元素绑定,可以接受到初始化的默认值

    使用方法如下:ng-bind="name"

    ng-repeat:表示将数组中的值遍历的循环出来

       包含的专有变量

       $first:是否首条

        $last:是否尾条

        $middle:是否中间条,除了first和last以外都是middle

        $index:索引号,从0开始

    使用方法如下:ng-repeat="name in names"

    1为true,0为false  通用潜规则是,0表示假,所有非零表示真。

    ng-if 表示元素是否显示,使用0 1表示显示与否

    ng-show 表示元素是否显示,使用0 1表示显示与否

    ng-hide 表示元素是否隐藏,使用0 1表示显示与否

    2.模型

    <div ng-app="app">                                  ----M(module)   

           <div ng-controller=" Contrllers ">       ----C(control)  

                    <p> {{name}} </p>                     ----V(view)

                    <p ng-bind=" qing" </p>

          </div>

    </div>

    var App = angular.module("app", []);        ----创建一个模型名字叫app

    App.controller('Contrllers', function($scope) {

         $scope.name=' 123 ';

         $scope.qing='567';

    });

    3.过滤器

    currency 格式化数字为货币格式

    filter 从数组项中选择一个子集

    orderBy 根据某个表达式排列数组

    uppercase 格式化字符串为大写。

    $scope.qing='567';

    var currency = $filter('currency'); 

    $scope.price = currency($scope.price); 

    也可以使用管道符的方式  {{ qing | currency }} 转换

    相关文章

      网友评论

        本文标题:ng

        本文链接:https://www.haomeiwen.com/subject/omeirftx.html