1. Hello World
写一个Hello World的应用是咱们接触任何一个语言的基本途径,AngularJS也是如此。
随着学习的深入,我们会逐渐深入到AngularJS的内部原理中,现在,废话不多说,开始咱们的Hello World。
这里我使用的JetBrains的WebStorm,打开WebStorm,选择“Create New Project”创建新项目:

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

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

新建一个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>
预览效果如下:
延伸阅读
- ssh框架 2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】 2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词 2017-07-26
- 从栈不平衡问题 理解 calling convention 2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明 2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解 2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26
- 集合结合数据结构来看看(二) 2017-07-26
学习是年轻人改变自己的最好方式