Angularjs基础(学习整理)

时间:2023-04-25 20:30:26

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的基础上。