Я хочу добавить директиву и использовать viewChildren для их идентификации:
// directive.ts
@Directive({
selector: '[myOwnDirective]'
})
export class MyOwnDirective {
constructor() {
console.log("hi") //never printed
}
}
//component html:
<div myOwnDirective>content 1</div>
<div>content 2</div>
<div>content 3</div>
<div myOwnDirective>content 4</div>
<button (click)="printElements()"></button>
//component.ts:
export class MyOwnComponent implements AfterViewInit{
@ViewChildren(MyOwnDirective) children: QueryList<MyOwnDirective>;
constructor() {
}
ngAfterViewInit() {
}
printElements(){
console.log(this.children) // Empty
}
Я хочу получить все элементы с помощью myOwnDirective, но не могу найти, как.
где моя ошибка?