angualrjs

时间:2021-04-24 22:56:39
  1. $rootScope是angularJS中最接近全局作用域的对象。在$rootScope上附加太多业务逻辑并不是好主意,这与污染JavaScript的全局作用域是一样的。
  2. $scope对象就是一个普通的JavaScript对象,我们可以在其上随意修改或添加属性。
  3. 在AngularJS应用的模板中使用多种标记
    • 指令:将DOM元素增强为可复用的DOM组件的属性或元素。
    • 值绑定:模板语法{{ }}可以将表达式绑定到视图上。
    • 过滤器:可以在视图中使用的函数,用来进行格式化。
    • 表单控件:用来检验用户输入的控件。
  4. 作用域有以下的基本功能: 
    • 提供观察者以监视数据模型的变化;
    • 提供观察者以监视数据模型的变化;
    • 可以进行嵌套,隔离业务功能和数据;
    • 给表达式提供运算时所需的执行环境。
  5. $scope对象的生命周期处理有四个不同阶段。
    • 创建
      在创建控制器或指令时,AngularJS会用$injector创建一个新的作用域,并在这个新建的控
      制器或指令运行时将作用域传递进去。

    • 链接
      当Angular开始运行时,所有的$scope对象都会附加或者链接到视图中。所有创建$scope对
      象的函数也会将自身附加到视图中。这些作用域将会注册当Angular应用上下文中发生变化时需
      要运行的函数。
      这些函数被称为$watch函数,Angular通过这些函数获知何时启动事件循环。

    • 更新
      当事件循环运行时,它通常执行在顶层$scope对象上(被称作$rootScope),每个子作用域
      都执行自己的脏值检测。每个监控函数都会检查变化。如果检测到任意变化,$scope对象就会触
      发指定的回调函数。

    • 销毁
      当一个$scope在视图中不再需要时,这个作用域将会清理和销毁自己。
      尽管永远不会需要清理作用域(因为Angular会为你处理),但是知道是谁创建了这个作用域
      还是有用的,因为你可以使用这个$scope上叫做$destory()的方法来清理这个作用域。

  6. 指令和作用域 
    • 指令在AngularJS中被广泛使用,指令通常不会创建自己的$scope,但也有例外。比如
      ng-controller和ng-repeat指令会创建自己的子作用域并将它们附加到DOM元素上。

    • 在指令内部创建的作用域被称作孤立作用域。
    • 除了孤立作用域外,所有的作用域都通过原型继承而来,也就是说它们都可以访问父级作用
      域。如果熟悉面向对象编程,对这个机制应该不会陌生。

  7. 表达式
    • 所有的表达式都在其所属的作用域内部执行,并有访问本地$scope的权限;
    • 如果表达式发生了TypeError和ReferenceError并不会抛出异常;
    • 不允许使用任何流程控制功能(条件控制,例如if/eles)
    • 可以接受过滤器和过滤器链。
  8. 插值字符串 ,$interpolate服务是一个可以接受三个参数的函数?????
    • text(字符串):一个包含字符插值标记的字符串。
    • mustHaveExpression(布尔型):如果将这个参数设为true,当传入的字符串中不含有表
      达式时会返回null。

    • trustedContext(字符串) :AngularJS会对已经进行过字符插值操作的字符串通过
      $sec.getTrusted()方法进行严格的上下文转义。