angular核心概念理解

作者: iqing2012 | 来源:发表于2017-09-22 01:18 被阅读85次

控制器

  • 一般使用[name]Ctrl命名。
  • 理解依赖注入
    • 一个angular应用程序有多个组件(控制器、过滤器、指令)组成。
    • module对象定义方法返回的结构仍然是module对象,有利于链式编程。
  • 作用:增强视图,
  • 本质:是一个函数,初始化作用域对象,为作用域对象添加额外的功能。
  • 当我们在页面上创建一个新的控制器时, AngularJS会生成并传递一个新的$scope给这个控
    制器。可以在这个控制器里初始化$scope。由于AngularJS会负责处理控制器的实例化过程,我
    们只需编写构造函数即可。
  • 保持短小精悍

指令

  • 内置指令
  • 自定义指定 ---module.directive
    • 自定义指定函数的参数是scope,不带$。

定义值

  • module.value

使用模块生命周期进行工作

作用域

  • 也叫视图模型。包含了视图渲染所需的功能和数据,他是所有视图的源头。
  • 生命周期:创建,链接,更新,销毁
  • ng-controller和ng-repeat都会创建自己的子作用域并且附加到dom上。

控制器嵌套(作用域包含作用域)

  • 父级作用域 $rootscope
  • 特例:在指令内部创建的作用域称之为孤立作用域。
  • 除了孤立作用域,所用的作用域都是从父作用域继承而来

表达式

  • 表达式和eval(javascript)非常相似,但是由于表达式由AngularJS来处理,它们有以下显

著不同的特性:

  • 所有的表达式都在其所属的作用域内部执行,并有访问本地$scope的权限;

  • 如果表达式发生了TypeError和ReferenceError并不会抛出异常;

  • 不允许使用任何流程控制功能(条件控制,例如if/eles);

  • 可以接受过滤器和过滤器链。

相关文章

  • angular核心概念理解

    控制器 一般使用[name]Ctrl命名。 理解依赖注入一个angular应用程序有多个组件(控制器、过滤器、指令...

  • Angular实战项目(1)

    Angular 打造企业级协作平台 环境搭建,Material UI,动画,Angular核心概念,RxJS操作符...

  • angular(一)核心概念

    其实,就是angular通过ng-model为我们绑定了一个keydown事件,它会通过$watch 指令监视变量...

  • Angular快速入门 组件及组件树(一)

    Components是Angular2最核心的概念,其它都是它的延伸。组件是构成整个angular2的基础单元,这...

  • angular中的核心概念

    组件 指令 服务 依赖注入 模块 ts中interface与class的区别 interface -- 接口只声明...

  • Angular2 核心概念

    @[toc] Angular2的核心组件 组件 元数据 模板 数据绑定 服务 指令 依赖注入 模块在这里插入图片描...

  • 深入研究 Angular 框架中的装饰

    使用Angular(Angular 2 及以上版本)开发程序时,装饰是一个核心概念。还有一个正式的TC39 提案,...

  • Laravel Service Container、Servic

    Laravel 核心概念大串烧 Laravel 核心概念对于学习和理解 Laravel 开发框架至关重要,只有理解...

  • rabbitmq核心概念理解

    1、Connection(连接rabbitmq)rabbitmq是遵循AMQP协议的,换句话说其实rabbitmq...

  • spring 核心概念理解

    1. IOC(Inverse of Control):控制反转,也可以称为依赖倒置。 所谓依赖,从程序的角度看,就...

网友评论

    本文标题:angular核心概念理解

    本文链接:https://www.haomeiwen.com/subject/zmdxextx.html