angular是一个MVC框架:即 M------------------module 模块 V-------------------view视野 C------------------controller控制器 一、angular开头的声明 ng-app angular作用域一般写在body标签内或者html标签内 ng-init="b=2;a=3;" 声明 (声明d=2;) 列如: {{a}} angular声明的参数一定要放在{{}} 括号内才能解析 {{b}} {{a+b}} {{a}}+{{b}} {{a*b}} 二、绑定(ng-bind) h1标签内是6 三、ng-model模型 {{a}} {{a*b}} {{a+b}} 等输出到页面的时候修改input的数整个页面从新进行运算 四、作用域:($rootScope)对整个页面相当于全局变量 也就是只要是用$rootScope定的东西它一定是作用于全局,而其它的只是对它控制器所在的那一部分 列如:{{haha}} 这里是鸣人 {{name}} 小潘 {{age}} 200 {{haha}} 这里是鸣人 {{name}} 小西 {{age}} 188 {{haha}} 这里便是鸣人 五、$watch (观察看守的意思) {{name}} 第一次是鸣人 2秒后便是小樱 4秒后变为卡卡西 六、过滤器: lowercase 格式化字符串为小写 uppercase 格式化字符串为大写 用法:注意中间管道符 | 姓名为 {{ name | lowercase }} 姓名为eee(转换为了小写) angular.module('app',[]) .controller('myApp',function($scope,$timeout){ $ scope.name = "EEE" }) currency 过滤器(将数字格式化为货币格式) 姓名为 {{ name | lowercase }} 姓名为$123,456.00(转换为了小写) angular.module('app',[]) .controller('myApp',function($scope,$timeout){ $ scope.name = "123456" 数字 }) 2、date 格式化 {{1490161945000 | date:"yyyy-MM-dd HH:mm:ss"}} // 2017-03-22 13:52:25 3、number 格式化(保留小数) {{149016.1945000 | number:2}}