Angularjs基础(学习整理)

AngularJS 经过 ng-directives 扩展了 HTML。javascript

  • ng-app 指令定义一个 AngularJS 应用程序。
  • ng-model 指令把元素值(好比输入域的值)绑定到应用程序。
  • ng-bind 指令把应用程序数据绑定到 HTML 视图。至关于ng表达式{{}}
  • ng-repeat 指令对于集合中(数组中)的每一个项会 克隆一次 HTML 元素。

 

AngularJS 将在表达式书写的位置"输出"数据。
AngularJS 表达式 很像 JavaScript 表达式:它们能够包含文字、运算符和变量。
java

 

AngularJS 过滤器能够使用一个管道字符(|)添加到表达式和指令中。web

  • uppercase 过滤器将字符串格式化为大写
  • lowercase 过滤器将字符串格式化为小写
  • currency 过滤器将数字格式化为货币格式
  • orderBy 过滤器根据表达式排列数组
  • filter 过滤器从数组中选择一个子集

 

在 AngularJS 中,服务是一个函数或对象数组

  • $location 服务,它能够返回当前页面的 URL 地址
  • $http 是 AngularJS 应用中最经常使用的服务。 服务向服务器发送请求,应用响应服务器传送过来的数据。
  • $timeout 服务对应了 JS window.setTimeout 函数
  • $interval 服务对应了 JS window.setInterval 函数
  • $apply服务能够修改数据

 

$http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。服务器

使用格式:app

// 简单的 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

对下一个要完成的webapp项目,具体使用什么技术来完成还有待商榷。函数

目前重心依旧放在JS的基础上。
post

相关文章
相关标签/搜索