typescript에서 동적으로 속성에 값을 바인딩하는 방법 Angular2?

Question

내가 타이프의 형태로 수출 클래스를 오는 조건 값을 얻으려고 노력하지만 나에게 [객체 HTMLDivElement와]

@Component({ 
    template:`<div #noRecordFoundMsg class="ui-widget-header ui-helper-clearfix" 
      style="padding:4px 10px;border-bottom: 0 none;display:{{ displayAttribute }}"> <-----here 
      <span>{{ noRecordFoundMsg }}</span> 
      </div>`}) 



    private displayAttribute: string; 
     exported class Demo{ 
        //some code 
      if (Counts === 0) { 
         this.noRecordFoundMsg = "No Record Found"; 
         this.displayAttribute = "none"; 
        } else { 
         this.displayAttribute = "block"; 
        } 
    } 

Answer 1

을 보여주는 dispay 속성 값과 브라우저에서 얻을 수 없습니다입니다, 당신은 시도 [style.display]="displayAttribute" 유무 :

@Component({ 
     template:`<div #noRecordFoundMsg class="ui-widget-header ui-helper-clearfix" 
      [style.display]="displayAttribute" 
    style="padding:4px 10px;border-bottom: 0 none;"> <-----here 
       <span>{{ noRecordFoundMsg }}</span> 
       </div>`})