angularJs

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}}
原文地址:https://www.cnblogs.com/gcsm/p/8525201.html