angular JS

1.Angular JS  流行框架  做开发]

  类似的框架BackBone ,Vue,React

2: npm,bower下载

3: MVC

是一种开发者模式,   组成Model,View,Controller

Model  专门负责处理数据

View  将Model处理的数据展示给用户看

Controller 保证对应的数据显示到对应的视图上

不局限与某种语言或者某种开发

4:angularJS的一些指令

     ng-app='Demo' 指定一个元素 使用此属性, 确定模块域

     ng-controller='Democontroller'指定控制器

     ng-show='true'/'false'显示或隐藏内容

     ng-hide='true'/'false'显示或隐藏  true 为隐藏

     ng-if='true'/'false'控制元素是否存在,true存在

     ng-src={}{} 增强图片路径

     ng-href={}{}增强链接

     ng-class='{类名,true}'控制类名

     ng-disabled='0'表单禁用解除

     ng-readonly='1'表单只读

     ng-checked='1'单选/复选框表单选中

     ng-selected='1'默认选中

//通过模块化实例对象的directive方法自定义指令

App.directive('tag',function(){

return{restrict:'e', template:'<h1>hello</h1>'}//自定义指令相

     关内容

5:数据绑定

     所有模型中的数据通过控制器放到模型中去 

anjularJS第二天

     1:过滤器:格式化数据

        |分隔符意思为调用过滤器  :传递参数

          currency:'传参'货币符号

          filter:"过滤的条件"选择过滤器数组

          limitTo:从该索引值开始截取

          uppercase变为大写

          lowercase变为小写

          number  和parseInt  parseform的区别

          number保留三位小数,并且四舍五入,通过传参改变保留的小数位

          orderBy默认按照字母或者数字顺序排序,通过传参改变排序规则"按照这里的参数去排序":false(默认升序)

          可以通过使用多个|连接过滤器

2:自定义指令  App.directive('name,function(){

return{与控制器有关的内容}}')

     App,filter('过滤器的名字demo',function(){

return function(){

}})