Angular 学习之路

父组件的ngOnInit钩子里，并没有SimpleChanges相关的数据结构：而子组件就不一样了：直接从Component实例的__ngSimpleChanges__字段里读取数据：更多Jerry的

https://blog.angular-university.Clearly Angular is not handling the template simply as a string.Angular绝不仅仅是将template当成一个string来处理。It’s actu...

只有这三种事件才会导致Angular视图的更新，都是异步事件。https://angular.Respond when Angular sets or resets data-bound input properties. The method receives a Simple...

set函数和Component属性名称不能重复，可以把Component属性加上下划线，暗示其是私有属性，然后通过公有的set来管理。

而ngAfterViewInit的调用时机：在ngOnInit之后，注释里写得比较清楚。

console.log('Jerry: ' + this..运行时，最后通过HTML DOM原生的el.classList.addClass @ platform-browser.addClass @ animations.(anonymous) @ common._toggle...

console.log('Jerry: ' + this.下面是分别研究这四次get调用的上下文。同第一次触发一样，同样是在tick方法里，只不过第一次触发在tick的view.detectChanges里，而第二次触发，在view.* Invoke this method to...

<div [style.* Writes class/style to element.* @param {?} renderer Renderer to use.* @param {?} rNode The Node to write to.* @param {?} prop ...

如果src不加中括号，hero.renderer.

assertEqual(getBindingIndex(), tView.const tNode = tView.(/** @type {?} */ (tView.// Text nodes are self closing.ngDevMode && ngDevMode.ngDe...

https://angular.Property binding in Angular helps you set values for properties of HTML elements or directives.property binding用于给html元素或者Di...

DomRendererFactory2类的构造函数里，看到三个输入参数。我们感兴趣的是，appId这个三位随机字符，是如何生成的。前面这个classRef是DomRendererFactory2的构造函数。后面是调用该构造函数传入的输入参数，我们要关注的appId也是这三个输入参...

我们打开一个Angular应用，发现其渲染页面里的DOM元素，包含了形如_nghost-, 以及_ngcontent-这种属性。这些属性在platform-browser.this.const styles = flattenStyles(appId + '-' + compon...

我的Angular应用里，有一个selector为app-root的Component：运行时，基于这个selector创建Component reference：进而创建root Component

最后在platform-browser.

core.ngModule = ngModule || this.const rootViewInjector = ngModule ? createChainedInjector(injector, ngModule.const rendererFactory = (/** @...

源代码：ctrl单击formControl:找到其实现位置：form需要绑定一个FormControl实例进去，如下图所示：setNgReflectProperty函数里的代码：value就是favo

_elseTemplateRef和_elseViewRef为空，意思是template中的ngif没有指定如果条件为false，应该加载什么template或者view.thenTemplateRef指向的是如果condition为true，应该加载的模板信息。这个formArr...

网上很多帖子，只介绍了要使用图中的formControl指令，需要导入ReactiveFormsModule，但却并未解释原因。按住鼠标左键，单击[formControl], 自动来到forms.d.ts文件，根据关键字formControl搜索(注意，打开大小写敏感的搜索开关)...

https://angular.Angular provides two different approaches to handling user input through forms: reactive and template-driven. Both capture u...