AngularJs 知识

前端之家收集整理的这篇文章主要介绍了AngularJs 知识前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

简介

  1.通过指令扩展了 HTML,通过表达式绑定数据到 HTML;@H_502_3@

  2.一个 Js 框架;@H_502_3@

  3.指令: 通过被称为指令的新属性来扩展 HTML, 即为应用添加功能@H_502_3@

  ng-directives扩展了 HTML@H_502_3@

  ng-app指令定义一个 AngularJS 应用程序@H_502_3@

  ng-model指令把元素值(比如输入域的值)绑定到应用程序,一个作用域的变量。@H_502_3@

  ng-bind指令把应用程序数据绑定到 HTML 视图@H_502_3@

  ng-init指令初始化 AngularJS 应用程序变量@H_502_3@

  4.表达式: 把数据绑定到 HTML@H_502_3@

  表达式写在双大括号内:{{ expression }}@H_502_3@

  表达式把数据绑定到 HTML,这与ng-bind指令有异曲同工之妙@H_502_3@

  5.@H_502_3@

  模块(Module)定义了 AngularJS 应用。@H_502_3@

  控制器(Controller)用于控制 AngularJS 应用。@H_502_3@

  ng-app指令定义了应用,ng-controller定义了控制器。@H_502_3@

指令

1.前缀 ng-;@H_502_3@

2.ng-app:初始化一个 AngularJS 应用程序;@H_502_3@

3.ng-init:初始化变量。@H_502_3@

4.ng-model指令把元素值(比如输入域的值)绑定到应用程序。@H_502_3@

5.ng-repeat:表示重复输出.@H_502_3@

  6.创建自定义的指令@H_502_3@

6.重复 HTML 元素@H_502_3@

7.创建自定义的指令@H_502_3@

作用域($scope)

  1.应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带@H_502_3@

  2. 是一个对象,有可用的方法属性@H_502_3@

  3.@H_502_3@

  • View(视图),即 HTML。@H_502_3@

  • Model(模型),当前视图中可用的数据。@H_502_3@

  • Controller(控制器),即 Js 函数,可以添加修改属性。@H_502_3@

  • scope 是模型。@H_502_3@

    scope 是一个 JavaScript 对象,带有属性方法,这些属性方法可以在视图和控制器中使用。@H_502_3@

过滤器

  1.过滤器可以使用一个管道字符(|)添加到表达式和指令中。@H_502_3@

服务

  1.在 AngularJS 中,服务是一个函数或对象,在你的 AngularJS 应用中使用。  @H_502_3@

  2.$location服务,它可以返回当前页面的 URL 地址。@H_502_3@

  3.$http 服务,该服务向服务器发送请求,应用响应服务器传送过来的数据。@H_502_3@

  4.创建自定义服务@H_502_3@

猜你在找的Angularjs相关文章