<!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对象,其中的属性可以被视图访问,也可以同控制器进行交互