<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta charset="utf-8"> <script src="angular1.4.6.min.js"></script> </head> <body ng-app=""> <!-- ng-app=""写成ng-app也可 --> <h1>Hello {{name}}</h1> <br/> <input type="text" ng-model="name" /> </body> </html>
要点:
ng-model指令用于输入控件中,当用户想输入数据或者从JS变量获得值都可以用它。
{{name}}相当于<span ng-bind="name"></span>,两种写法效果相当。
效果:
代码下载:https://files.cnblogs.com/files/xiandedanteng/angularJSHelloWorld.rar
本文转自张昺华-sky博客园博客,原文链接:http://www.cnblogs.com/xiandedanteng/p/7413240.html,如需转载请自行联系原作者