angularjs的基础

ng-app属性申明全部被包含的内容都属于这个AngularJS应用,只有被具备ng-app属性的DOM元素包含的元素才会受AngularJs的影响。javascript

  只需遇到$,你均可以只把它看做一个Angular对象。java

数据模型对象是指$scope对象,$scope对象是一个简单的javascript对象,其中的属性能够被视图访问,也能够同控制器进行交流,双向数据绑定意味着视图改变了某个值,数据模型会经过脏检查,观察到这个变化,而若是数据模型改变了某个值,视图也会依赖变化从新渲染。数组

正如ng-app声明全部被它包含的元素都属于AngularJS应用同样。DOM元素上的ng-controller声明全部被它包含的元素都属于某一个控制器。app

高效,能用在生产环境中的控制器代码,并把它封装在一个咱们称之为模块的单元内。函数

在AngularJS中,模块是定义应用的最主要方式。模块包含了主要的应用代码。一个应用能够包含多个模块,每个模块都包含了包含了定义具体功能代码。测试

优势:对象

  ·一、保存全局命名空间的状况;ip

 二、编写测试代码更容易,并能保持其清洁,以便更容易找到互相隔离的功能;作用域

 三、易找到互相隔离的功能;字符串

 四、易于在不一样应用间应用代码;

 五、使应用可以以任意顺序加载顺序加载代码的各个部分;

 

AngularJS容许咱们使用angular.module()方法来声明模块;这个方法可以接受两个参数,第一个模块的名称,第二个是依赖列表,也就是能够被注入到模块中的对象列表。

angular.module('myApp',[]);(myApp为模块名称)

[]:字符块数组,本模块依赖于这些模块,依赖须要在本模块加载以前由注入器进行加载。

$scope对象是定义应用业务逻辑,控制器方法和视图属性的地方。

 

做用域是应用状态的基础,基于动态绑定,咱们能够依赖视图在修改时,马上更新$scope,也能够依赖$scope在其发生变化时,马上从新渲染视图。

Angular启动并生成视图时,会将根据ng-app元素,同$rootscope进行绑定。$rootscope是全部$scope对象的最上层,最接近全局做用域的对象。

 

$scope对象就是一个普通的javascript对象,咱们能够在其上修改或添加属性。

$scope对象在AngularJS中充当数据模型,但与传统的数据模型不同,$scope并不负责处理和操做数据,它只是视图和HTML之间的桥梁,它是视图和控制器之间的胶水。

 

AngularJS应用的模版中使用多种标记,包括如下:

指令:将DOM元素增长为可复用的DOM组件的属性或元素

值绑定:模版语法{{}}能够将表达式绑定到视图上

过滤器:能够在视图中使用的函数,用来进行格式化

表单控件:用来检验用户输入的空间

 

在字符串模块中插值操做,须要在你的对象中注入$interpolate服务。

$interpolate服务是一个能够接受三个参数的函数,其中第一个参数是必需的。

  text(字符串):一个包含字符串插值标记的字符串

  mustHave Expression(布尔值):若是将这个参数设为true,当传人的字符串中含有表达式会返回null

  trusted Context(字符串):AngularJS会对已经进行过字符串插值操做的字符串经过$sec.getTrusted()方法进行严格的上下转义。 

相关文章
相关标签/搜索