2017-02-23 6 views
0

Использование Angular2.xПолучение содержимого после интерполяции строк в директиве Angular2

Допустим, у меня есть следующий код:

<p myCustomDirective>{{someVar}}</p> 

Как я могу получить доступ к обработанную/интерполированное значение для {{}} someVar из в пределах одного из крючков жизненного цикла директивы? Я хочу иметь возможность ссылаться и использовать значение «someVar» в моем директивном коде.

ответ

1

Самым лёгким способом сделать это может быть инъекционного ElementRef в директиве и читать textContent значение из его имущества nativeElement:

@Directive({ 
    selector: '[myCustomDirective]' 
}) 
export class MyCustomDirective { 
    constructor(private elRef: ElementRef) { } 

    ngAfterViewInit() { 
    console.log(this.elRef.nativeElement.textContent); 
    } 
} 

Plunker Example

+0

Отлично! ngAfterViewInit + textContent кажется волшебным соусом, которого я не нашел. –