240 发简信
IP属地:浙江
  • Injector的实现原理

    在分析bootstrapModule方法时,我们发现当需要一个类的事例的时候只需要调用injector.get方法就能够得到。这个Injector就是Angular依赖注入的...

  • Angular中注解的实现原理

    在试用Angular进行开发的时候,我们很多时间都是在设计Component、Module。在定义一个Component的时候我们使用的是@Component进行注解声明的,...

  • bootstrapModule背后的故事

    bootstrapModule是PlatformRef的一个方法,这个方法中实现了Module的初始化、Component的初始化等,是Angular2的启动函数。阅读代码我...

  • bootstrapModule前干的事情

    一个最简单的Angular程序 在了解Angular2启动过程之前,我们先看一段代码: 这一段代码主要有四个部分组成:1、引用Angular相关的类2、定义Component...

  • ng事件指令

    概述 Angular JS对各种事件进行了对应指令的封装,使其能够更好的配合Angular JS使用。具有ng指令的事件: 实现细节 所有的消息的ng指令都是采用统一的处理模...

  • select相关的指令

    概述 select指令实现的是下拉框的功能,一般会配合option指令以及ng-model指令使用。在select指令中常用的一些指令: 在option指令中,会把value...

  • validator相关的指令

    概述 数据输入有效性校验相关的指令一共有四个,实际是八个(每一个指令都有一个ng开头的同名指令): 这个指令必须依赖ng-model,如果没有设置ng-model,就不会有任...

  • ng-model-options指令

    概述 ng-model-options指令用来更改ng-model等指令的默认行为,这个指令可以在任何位置使用,它会影响ng-model和输入型指令以及他们的派生指令。ng-...

  • ng-model指令

    概述 ng-model指令的作用是把输入型的元素(input,select,textarea等)和scope中的数据进行绑定的作用,也可以用在自定义的form元素上。ng-m...

  • form指令

    概述 Angular JS的form指令提供表单相关的功能,它有两种形式:form和ng-form。form和ng-form几乎是一模一样的,只有很小的一点区别: 实现细节 ...

  • input指令

    概述 Angular js的input指令是对html中的input元素的一个封装,Angular js中的input指令使得input的功能更加丰富,完善。input元素是...

  • ng-switch指令

    概述 ng-switch可以设置一个开关量,控制子元素显示情况。ng-switch需要和另外两个指令:ng-switch-default和ng-switch-when。 实现...

  • ng-class指令

    概述 ng-class指令实现了把元素的class属性和数据模型绑定的功能。在进行样式动态控制时非常的有用。ng-class指令实际上有三种。分别为: 实现细节 三种指令实现...

  • ng-bind指令

    概述 ng-bind指令是一个把数据模型里的数据和元素绑定的指令,ng-bind实际上有三种形式的指令: 详细说明 ng-bind指令 ng-bind指令会把数据赋值给ele...

  • ng-if指令

    概述 在Angular JS中,可以使用ng-if指令来控制元素是否存在。 实现细节 ng-if标签通过监控绑定的数据,在数据发生变化时,如果为true就存在,为false就...

  • Angular JS中ng属性的实现细节

    概述 Angular JS为很多属性实现了对应的directive。通过[ng-]开头的属性实现对应的属性与scope数据进行绑定。如:ng-disabled='enable...

  • [a]标签

    概述 Angular JS中的[a]标签只是对HTML中的[a]标签的一个简单的封装。在Angular JS中会检查href属性,如果属性不存在就会阻止浏览器对a标签的默认操...