угловые 6 пользовательских директив элемента - PullRequest
Новая
       10

угловые 6 пользовательских директив элемента

0 голосов
/ 25 октября 2018

Как можно создать директиву элемента в angular 6?Я вижу, как создать директиву атрибута, но что, если я хочу создать пользовательский элемент? 

@Directive({
  selector: '[appCards]'//you can't do something like -- element: name
})
export class CardsDirective {

    constructor(el: ElementRef) { 
}
}

1 Ответ

0 голосов
/ 25 октября 2018

Я попытался создать директиву с помощью селектора, и она работает.Angular такой мощный. 

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

@Directive({
  selector: '<appCards>'
})
export class CardsDirective {

    @Input() label;
    constructor(el: ElementRef) { 
      console.log('it called');
    }

    ngOnInit(){
      console.log(this.label);
    }
}

Шаблон: 

<appCards label="change"></appCards>

https://stackblitz.com/edit/angular-av5x68

...