本示例演示AngularJS的双向数据绑定（bi-directional data binding）：
编辑前面创建的helloworld.html文档。
将下面的源代码复制到您的HTML文件。
刷新浏览器窗口。
源代码
<!doctype html>
<html ng-app>
<head>
<script src="http://cdn.bootcss.com/angular.js/1.5.0-beta.1/angular.js">
</script>
</head>
<body>
Your name: <input type="text" ng-model="yourname" placeholder="niefengjun">
Hello {{yourname||'niefengjun'}}!
</body>
</html>请在您的浏览器中运行以上代码查看效果。
该示例有一下几点重要的注意事项：
运行效果
输入框里输入niefengjun.cn
该示例有一下几点重要的注意事项：
文本输入指令
<input ng-model="niefengjun" />绑定到一个叫niefengjun的模型变量。双大括号标记将niefengjun模型变量添加到问候语文本。
你不需要为该应用另外注册一个事件侦听器或添加事件处理程序！
现在试着在输入框中键入您的名称，您键入的名称将立即更新显示在问候语中。 这就是AngularJS双向数据绑定的概念。 输入框的任何更改会立即反映到模型变量（一个方向），模型变量的任何更改都会立即反映到问候语文本中（另一方向）
你打算打赏多少钱呢?
(微信扫一扫)