Как называется # ab c в компоненте?

Question

<app-abc #abc></app-abc>

Как называется # ab c? Как мы ссылаемся на # ab c внутри родительского компонента?

Answer 1

это способ ссылки на элемент HTML в вашем компоненте. Вот способ обращения к # ab c внутри родительского компонента:

import {ViewChild, ElementRef} from '@angular/core';

export class YourClass {
    // Reference firstNameInput variable inside Component
    @ViewChild('abc') nameInputRef: ElementRef;
}

Работа с Angular 5 переменными справочных шаблонов

Answer 2

Вы ссылаетесь на # ab c в своем компоненте следующим образом:

export class MyApp {
    @ViewChild('abc') abcElement;
}