首页 > 代码库 > Angularjs[2] - 数据绑定

Angularjs[2] - 数据绑定

2024-09-02 12:02:51   218人阅读

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body ng-app>
<input type="text" ng-model="name" value="">
<!--view层输出 {{angular的表达式}}-->
{{name}}
<input type="text" ng-model="name" value="">
<script type="text/javascript" src="../../vendor/angular/angularjs.js"></script>
</body>
</html>
  • ng-app指令：告知 Angular 应当管理界面哪一块；
  • Angular 表达式与 js 表达式区别：

   　　- 属性求值：所有属性的求值是对于 scope 的，而 js 是对于 window 对象的;

   　　- 宽容：表达式求值，对于 undefined 和 null，Angular 是宽容的，但 js 会产生 NullPointerExceptions;

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

   　　- 过滤器（filters）：可将表达式结果传入过滤器链（filter chains）。

Angularjs[2] - 数据绑定


联系
我们