AngularJS配置环境入门教程 海贼之横行天下
2018-05-30 15:29
作者:admin
首先需要下载AngualrJS,官方网站提供2种下载使用AngularJS方法:
1. 去GitHub下载 ,点击按钮会跳转到GitHub页面,可获取最新版本
2. 直接下载,点击此按钮会直接弹出如下窗口,
可根据需要选择最适合的AngularJS 版本,下载并保存到本地
有两种选项Legacy和Latest,Legacy是1.2.x以下,Latest 是1.4.x 及以上版本。
CDN 访问地址,CDN 是必须设置的,CDN为全球用户设置访问区域数据中心的权限。如果用户访问你的网页时AngularJS 已经下载,不需要重新下载。
下面是使用AngularJS库的简单示例,代码如下:
Welcome {{helloTo.title}} to the world of Tutorialspoint! 使用AngularJS通过在HTML根元素中添加ng-app属性,也可以将其添加到HTML 的body 元素中:
Viewview 代码如下:
Welcome {{helloTo.title}} to the world of Tutorialspoint!ng-controller 会指定控制器使用该View,helloTo.title会告诉AngularJS 将Model中的值写入HTML中。
Controller 部分代码:
1:上述代码注册了控制器,命名为HelloController。Controller功能可通过angular.module(...).controller(...) 功能调用注册的。