2、Angularjs — 数据绑定

来源：互联网发布：mac air 13寸壁纸编辑：程序博客网时间：2024/04/30 02:59

1、ng-app 指令告诉 Angular 应该管理页面中的哪一块。

如果管理整理页面，写在 <body ng-app> 标签中

2、angular 表达式 {{ }}

- angular 表达式通过 $parse 服务器解析执行

- 与 JavaScript 表达式的区别

* 属性求值：所有属性的求值都是对于 scope 的，而 JavaScript 是对于 window 对象的。

* 宽容：表达式求值，对于 undefined 和 null ，angular 是宽容的，但 JavaScript 会产生 NullPointerExceptions = （错误异常）

* 没有流程控制语句：在 angular 表达式里，不能做以下任何事：条件分支、循环、抛出异常。

* 过滤器（filters）：我们可以将表达式的结果传入过滤器链（filter chains）

其中可以进行简单计算。如： {{100}} {{100*100}}

代码示例

<body ng-app><!-- ng-module 表示当前表单的 value 值 ,数据是双向绑定的--><input type="text" name="" id="" value="" ng-model="name" />{{name}}<!-- angular 的表达式 -->{{100}} <!-- 可进行简单计算-->{{100*100}}<!-- 可写字符串 -->{{"fsf"}}<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script></body>

0 0