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