Angular2는 HTML

Question

에서 컨테이너 내의 함수에 대한 입력을 바인딩하는 방법이 예시적인 코드는 다음

component.ts 정보 파일

getThirty() { 
return 'width:30%' 
} 

HTML 파일

<div class="progress-bar" style = "getThirty()"> 

이 아무튼에게 '작동하지 않습니다 ... 어떻게 함수를 입력에 바인딩합니까?

는 또한 [style]="getThirty()" 시도하고이 여전히 작동하지 않습니다 ..

도와주세요! 감사!

Answer 1

나는 다음과 같은 접근 방식을 시도했는데, 그것은 나를 위해 작동합니다.

<div class="col-md-2" style="{{getThirty()}}"> 
fhyjhrtjrjrj 
</div> 

희망이 도움이됩니다. <div [style.width]="getThirty"> 구성 요소 2.in

: 템플릿에

1. 다음과 같이

Answer 2

이 작업을 수행 할 수있는 공공 getThirty = 30 + '%'를;

그게 전부예요 :)