标签:
<!DOCTYPE html> <html lang="en" ng-app> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="../../jslib/angular.min-1.5.8.js"></script> </head> <body> <input ng-model="name" type="text" placeholder="姓名"><br/> <h1>Hello {{name}}</h1> </body> </html>
这个例子展示了AngularJs的数据绑定功能,输入框的值和{{name}}中的值动态绑定了,{{name}}会实时随着输入框的变化而变化
说明:
script:引入AngularJS文件
ng-app:该属性范围内都是属于AngularJs的内容,我现在在html标签中声明了此属性,就代表整个页面都是AngularJs应用
我也可以在页面的一部分添加ng-app
ng-module:是一个指令,将内部数据模型对象($scope)中的name属性绑定到文本输入框
$scope:是一个简单的JavaScript对象,其中的属性可以被视图访问,也可以同控制器进行交互
标签:
原文地址:http://www.cnblogs.com/sherrykid/p/5730571.html