[Angular] Difference between ViewChild and ContentChild

【[Angular] Difference between ViewChild and ContentChild】的更多相关文章

[Angular] Difference between ViewChild and ContentChild

*The children element which are located inside of its template of a component are called *view children *. On the other hand, **elements which are used between the opening and closing tags of the host element of a given component are called *content…

Angular6 学习笔记——内容投影, ViewChild和ContentChild

angular6.x系列的学习笔记记录,仍在不断完善中,学习地址: https://www.angular.cn/guide/template-syntax http://www.ngfans.net/topic/12/post/2 系列目录 (1)组件详解之模板语法 (2)组件详解之组件通讯 (3)内容投影, ViewChild和ContentChild (4)指令内容投影 1为什么需要内容投影? 一个事物的出现,必然存在它所能解决的问题,让我们先从问题出发吧: 大家应该都知道,在html规…

ViewChild与ContentChild的联系和区别

原文 https://www.jianshu.com/p/5ab619e576ea 大纲 1.认识ViewChild 2.认识ContentChild 3.ViewChild与ContentChild的联系和区别认识ViewChild /* angular中文文档的说明 You can use ViewChild to get the first element or the directive matching the selector from the view DOM. If the v…

[Angular 2] ElementRef, @ViewChild & Renderer

ElementRef: In Angular2 Doc, it suggest to "avoid" using ElementRef. It access DOM directly, can easily be attacked. import {Component, OnInit, ViewChild, Renderer, ElementRef} from '@angular/core'; @Component({ moduleId: module.id, selector: 'w…

[Angular] Difference between ngAfterViewInit and ngAfterContentInit

Content is what is passed as children. View is the template of the current component. The view is initialized before the content and ngAfterViewInit() is therefore called before ngAfterContentInit(). @Component({ selector: 'parent-cmp', template: '<d…

[Angular] Difference between Providers and ViewProviders

For example we have a component: class TodoList { private todos: Todo[] = []; add(todo: Todo) {} remove(todo: Todo) {} set(todo: Todo, index: number) {} get(index: number) {} getAll() {} } @Component({ // ... viewProviders: [TodoList] // ... }) class…