angular指令

创建模块

  
  ng-app='app'  'app'名称可以随意设置
  var app = angular.module('app',[]); 和括号里的第一个参数一样就可以
  
  
{{xmg}}

导入angular
  

<>

关于指令

以ng开头的就是指令
其实指令就是给html标签添加了一些属性这些属性对html并没有任何意义
但是对angular来说是有特殊含义的,我们称为指令

{{name}}

{{name}}

qweq

点我啊
//( )括号里可以传两个参数


//
ng-repeat 遍历 你要重复谁,就在谁身上绑定

    
{{key}}------ {{value}}
//ng-repeat='(key,value) in course'  key和value名字可以随意取但是位置不能换,第一个是索引第二个是值 
   例如: $scope.course = ['html5','java','ui','ios'];   key是指的数组里的每一个值的索引,
value指的是数组的值也就是 html5这些值

ng-src指令

加载图片


![]({{mySrc}})

ng-class

body ng-app='app' ng-controller='xmgController'>
字体放大/缩小

123132132

ng-include 引入外部模板

ng-switch

控制器中type的值是ul所以只会显示ul
    
html5
    
java
    
ui

ng-click 点击事件指令

点击
  //传入$event是为了防止默认事件

自定义指令

内置过滤器

{{price | currency}}
{{price | currency:'¥'}}
{{price | currency:'¥@@@@':1}}

{{str | uppercase}}

{{str2 | lowercase}}

{{num | number:2}}

{{myDate | date:'yyyy-MM-dd HH:mm:ss'}}

{{per | json}}

{{course | limitTo:1}}

{{course | filter:'html'}}


{{course | filter:search}}


{{score | orderBy:'':false}}
{{stu | orderBy:'name':false}}

自定义过滤器 filter

 3.自定义过滤器
     过滤器本质是一个方法
     第一个参数是过滤器的名称
     第二个参数是一个函数 函数里面需要再返回一个函数 函数默认的参数是左边的值
     在函数里面返回什么值就代表显示什么值

{{20 | money}}
{{20 | myCurrency:'@@'}}

{{ msg | firstUppcase}}

* 控制器的作用域
* 1.子集中没有属性就去父级中查找,如果父级中没有属性就不显示
* 2.父级中没有属性不能去子集中查找