Angular 2+에서 Angular 지시문을 적용한 경우 기본 요소를 템플릿 변수에 바인딩하도록 지정하는 방법은 무엇입니까? 다음

Question

구문 각도위한 2+ 템플릿 변수는 다음

someElement가 요소 태그가

<someElement #someVariable="someDirective"></someElement>

가 someVariable 변수 이름이고 someDirective가 someVariable 결합되어야 someElement에 지시한다.

someDirective하다면, 즉

<someElement #someVariable></someElement>

및 someElement 다음 someVariable이 그 요소의 ElementRef에 바인딩됩니다 어떤 각도 지침을 기본 HTML의 요소가 없습니다.

그러나이 동작을 재현하려면 어떻게합니까? someElement에 각도 명령이 있습니까? ElementRef을 변수에 바인딩하고 일부 지시문을 바인딩하지 않도록 지정하려면 어떻게합니까? 내가 아는 한 (proposals exist 비록)

<someElement #someVariable="element"></someElement>

같은 어떤 구문이 없다.

내 특정 유스 케이스

내가이 템플릿의 button 요소의 ElementRef을 얻기 위해 노력하고 있다는 것입니다 :

md-raised-button는 Angular Material 지침입니다

<button md-raised-button #button>Click me</button>

. 그러나 #button은 대신 에 바인딩됩니다. 구성 요소에서

Answer 1

당신은 ElementRef의를 읽을 @ViewChild을 사용할 수 있습니다 #button

@ViewChild('button', {read: ElementRef}) 
public myFancyButton: ElementRef;