<!doctype html> <html ng-app> <head> <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> </head> <body> Your name: <input type="text" ng-model="yourname" placeholder="World"> <hr> Hello {{yourname || 'World'}}! </body>
</html>
该示例有一下几点重要的注意事项:
- 文本输入指令
<input ng-model="yourname" />
绑定到一个叫yourname
的模型变量。 - 双大括号标记将
yourname
模型变量添加到问候语文本。 - 你不需要为该应用另外注册一个事件侦听器或添加事件处理程序!