Page 24 - AngularJS权威教程
P. 24

4  第 2 章  数据绑定和第一个 AngularJS Web 应用






                       第2章

                                       数据绑定和第一个

                                       AngularJS Web应用









             Hello World

                 写一个Hello World应用是开始学习AngularJS的最基本途径,让我们从一段简单得不能再简单
             的HTML开始吧。

                 随着学习的深入,我们会逐渐深入到AngularJS的内部原理中。现在,让我们先来写一个Hello
             World应用。

                 <!DOCTYPE html>
                 <html ng-app>
                 <head>
                   <title>Simple app</title>
                   <script
                     src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js">
                     </script>
                 </head>
                 <body>
                   <input ng-model="name" type="text" placeholder="Your name">
                   <h1>Hello {{ name }}</h1>
                 </body>
                 </html>

















                                               图2-1  Hello World
                 虽然这个例子不怎么有趣,但它展示了AngularJS最基本也最令人印象深刻的功能之一:数
             据绑定。
   19   20   21   22   23   24   25   26   27   28   29