typescriptで動的に属性に値をバインドする方法Angular2？

Question

私はtypescriptですでフォームエクスポートクラスに来ている条件値を取得しようとしているが、それは私の[オブジェクト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>`})