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.

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

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

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

 

指令

     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 服务,该服务向服务器发送请求,应用响应服务器传送过来的数据。

  4.创建自定义服务



本文转自 sshpp 51CTO博客,原文链接:http://blog.51cto.com/12902932/1928069,如需转载请自行联系原作者

相关文章
|
前端开发 JavaScript 测试技术
angularjs初识
angularjs初识
72 0
|
Web App开发 前端开发 JavaScript
|
JavaScript 前端开发
|
JavaScript 前端开发 容器
|
安全 缓存 前端开发
|
JavaScript 前端开发 缓存
|
JavaScript 前端开发
|
机器人 测试技术
|
前端开发 JavaScript
angularjs2.0指南
AngularJS 2.0 学习 Angular 2 当越来越多的 web app 使用 Angular 1构建的时候,更快更强大的 Angular 2 将会很快成为新的标准。 Angular的新约定使得它更容易去学习、更快的去开发 app。通过本教程学习更快速。更强大的 Angular 版本。 Angular 一个跨移动和桌面的框架 快速开始
1243 0
|
前端开发 JavaScript
为什么你不应该用angularjs?
AngularJS的问题 为什么你不该用angularjs,https://medium.com/@mnemon1ck/why-you-should-not-use-angularjs-1df5ddf6fc99#.9yg505ar3 1.数据双向绑定问题 angular的方式:视图变化->模型变化->触发事件处理函数 合理的方式:视图变化->触发事件处理函数 问题所在: 1.事件监听不自然。
797 0