AngularJS 通过 ng-directives 扩展了 HTML。
- ng-app 指令定义一个 AngularJS 应用程序。
- ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
- ng-bind 指令把应用程序数据绑定到 HTML 视图。相当于ng表达式{{}}
- ng-repeat 指令对于集合中(数组中)的每个项会 克隆一次 HTML 元素。
AngularJS 将在表达式书写的位置"输出"数据。
AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。
AngularJS 过滤器可以使用一个管道字符(|)添加到表达式和指令中。
- uppercase 过滤器将字符串格式化为大写
- lowercase 过滤器将字符串格式化为小写
- currency 过滤器将数字格式化为货币格式
- orderBy 过滤器根据表达式排列数组
- filter 过滤器从数组中选择一个子集
在 AngularJS 中,服务是一个函数或对象
- $location 服务,它可以返回当前页面的 URL 地址
- $http 是 AngularJS 应用中最常用的服务。 服务向服务器发送请求,应用响应服务器传送过来的数据。
- $timeout 服务对应了 JS window.setTimeout 函数
- $interval 服务对应了 JS window.setInterval 函数
- $apply服务可以修改数据
$http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。
使用格式:
// 简单的 GET 请求,可以改为 POST $http({ method: 'GET', url: '/someUrl' }).then(function successCallback(response) { // 请求成功执行代码 }, function errorCallback(response) { // 请求失败执行代码 }); //简写方式 $http.get('/someUrl', config).then(successCallback, errorCallback); $http.post('/someUrl', data, config).then(successCallback, errorCallback);
持续到6月6号, 决定暂停Angular的学习。在菜鸟教程的基础语法学习之后,经历了Angular官方网站实力教程的体验,对数据双向绑定,路由切换,数据处理分类有初步的接触,但更多的是不确定感,一个人做整条线的处理使用起angular没有方向感。故作暂停。
对下一个要完成的webapp项目,具体使用什么技术来完成还有待商榷。
目前重心依旧放在JS的基础上。