1. Hello World

  写一个Hello World的应用是咱们接触任何一个语言的基本途径,AngularJS也是如此。

  随着学习的深入,我们会逐渐深入到AngularJS的内部原理中,现在,废话不多说,开始咱们的Hello World。

 

  这里我使用的JetBrains的WebStorm,打开WebStorm,选择“Create New Project”创建新项目:

  万码学堂,电脑培训,计算机培训,Java培训,JavaEE开发培训,青岛软件培训,软件工程师培训

 

  然后我们选择“Empty Project”新建一个空项目,选择项目存储路径,点击确定按钮即可:

万码学堂,电脑培训,计算机培训,Java培训,JavaEE开发培训,青岛软件培训,软件工程师培训

 

  然后从AngularJS官网下载AngularJS库,并将其添加到项目中:

万码学堂,电脑培训,计算机培训,Java培训,JavaEE开发培训,青岛软件培训,软件工程师培训

 

  新建一个HTML页面,代码如下:

 1 <!DOCTYPE html> 2 <html ng-app> 3 <head> 4     <meta charset="UTF-8"> 5     <title>Hello World</title> 6     <script src="../script/angular.min.js"></script> 7 </head> 8 <body> 9     <input type="text" ng-model="name" placeholder="请输入您的姓名...">10     <h1>Hello, {{name}} !</h1>11 </body>12 </html>

 

  预览效果如下:

网友评论