[angularjs] AngularJs 知识回顾
AngularJs 知识回顾
简介
1.通过指令扩展了 HTML,通过表达式绑定数据到 HTML;
2.一个 Js 框架;
3.指令: 通过被称为 指令 的新属性来扩展 HTML, 即为应用添加新功能
ng-directives 扩展了 HTML
ng-app 指令定义一个 AngularJS 应用程序
ng-model 指令把元素值(比如输入域的值)绑定到应用程序,一个作用域的变量。
ng-bind 指令把应用程序数据绑定到 HTML 视图
ng-init 指令初始化 AngularJS 应用程序变量
4.表达式: 把数据绑定到 HTML
表达式写在双大括号内:{{ expression }}
表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙
5.
指令
1.前缀 ng-;
2.ng-app:初始化一个 AngularJS 应用程序;
3.ng-init:初始化变量。
4.ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
5.ng-repeat:表示重复输出.
6.创建自定义的指令
6.重复 HTML 元素
7.创建自定义的指令
作用域($scope)
1.应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带
2. 是一个对象,有可用的方法和属性
3.
-
View(视图),即 HTML。
-
Model(模型),当前视图中可用的数据。
-
Controller(控制器),即 Js 函数,可以添加或修改属性。
-
scope 是模型。
scope 是一个 JavaScript 对象,带有属性和方法,这些属性和方法可以在视图和控制器中使用。
过滤器
1.过滤器可以使用一个管道字符(|)添加到表达式和指令中。
服务
1.在 AngularJS 中,服务是一个函数或对象,在你的 AngularJS 应用中使用。
2.$location 服务,它可以返回当前页面的 URL 地址。
3.$http 服务,该服务向服务器发送请求,应用响应服务器传送过来的数据。