原文: http://blog.thoughtram.io/angularjs/2015/01/02/exploring-angular-1.3-bindToController.html Angular1.2引入了新的语法 controllerAs, 它让scope更加清楚.干净, 让controller更加聪明. 在我们的Angular应用中使用controllerAs可以避免开发者经常遇到的一些问题. controllerAs 做为命名空间 让我们用代码说事,有两个controller如下…
The post we have: http://www.cnblogs.com/Answer1215/p/4185504.html gives a breif introduce about bindToController on the directive. Here is a blog about bindToController from thoughtramwhich explains in detail why bingToController comes into handy an…
如果你之前没有深入了解 Angular 依赖注入系统,那你现在可能认为 Angular 程序内的根注入器包含所有合并的服务提供商,每一个组件都有它自己的注入器,延迟加载模块有它自己的注入器. 但是,仅仅知道这些可能还不够呢? 不久前有个叫 Tree-Shakeable Tokens feature 被合并到 master 分支,如果你和我一样充满好奇心,可能也想知道这个 feature 改变了哪些东西. 所以现在去看看,可能有意外收获嗷. 注入器树(Injector Tree) 大多数开发者知道…
<!DOCTYPE html> <html ng-app="MyApp"> <head> <title>Study 9</title> <script type="text/javascript" src="js/angular.js"></script> </head> <body> <div ng-controller="…
在angular中,Directive,自定义指令的学习,可以更好的理解angular指令的原理,当angular的指令不能满足你的需求的时候,嘿嘿,你就可以来看看这篇文章,自定义自己的指令,可以满足你的各种需求的指令. 本篇文章的参考来自  AngularJS权威指南 , 文章中主要介绍指令定义的选项配置 废话不多说,下面就直接上代码 //angular指令的定义,myDirective ,使用驼峰命名法 angular.module('myApp', []) .directive('myDi…
Property Binding is bind property NOT attribute! import {Component, Input, Output, EventEmitter} from 'angular2/core'; @Component({ selector: 'hero-item', styles: [ '.active {color: red}' ], template: ` <li [class.active]="isSelected" [attr.a…
1.2 指令:Directive AngularJS 通过被称为 指令 的新属性来扩展 HTML, 具体表现形式一般为带有前缀 ng-xxx 的 HTML 属性. 指令的使用形式 ng-xxx 的属性本身并不是标准中定义的属性 很多情况下无法通过语法校验 HTML5 允许扩展的属性,以 data- 开头 在 ng 中可以使用 data-ng- 作为前缀来让网页对 HTML5 有效 二者效果相同 内置指令 AngularJS 内置了很多指令,用来增强 HTML,以下是一些常用内置指令的介绍. ng…
原文地址:https://blog.thoughtram.io/angular/2015/09/03/forward-references-in-angular-2.html 作者:Christoph Burgdorf 译者注:文章内容比较老,控制台信息等与新框架不完全一致,理解思路即可. 一. 问题点在哪里 先做一个小声明,我们现在拥有一个AppComponent,并使用DI系统向其中注入了一个NameService,因为我们使用的是Typescript,所以需要做的工作就是在构造函数的参数中…
---------------------------Scope-------------------------------- https://docs.angularjs.org/guide/scope What are Scopes? Scope is an object(是一个数据模型) that refers to the application model. It is an execution context(scope是表达式的执行上下文) for expressions. Sc…
angular的GitHub Repository Directive Example学习 <!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="utf-8" /> <title>GitHub Repository Directive Example</title> <script src="http://cdn.…