Как мне ссылаться на Html Id в angular компоненте

Question

Я использую Angular 9.

В компоненте html у меня есть:

<ng-template #modalTemplate>.......

, затем в моем соответствующем файле TS у меня есть:

@Component({
   templateUrl: './myModal.component.html'....
)}

как мне сделать ссылку на #modalTemplate в моем файле ts?

Answer 1

Добрый день!

Вы должны сделать что-то вроде этого:

@ViewChild('modalTemplate', { static: false }) modalTemplate: TemplateRef<any>;

Answer 2

Для этого вы должны использовать ViewChild .
Например:

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss']
})

export class AppComponent {
    @ViewChild('spinnerElement', { static: true }) spinnerElement: ElementRef;;
}

Затем вы можете получить к нему доступ в методе вашего компонента следующим образом:
this.spinnerElement.doSomething()