각도 요소 2에서 DOM 요소의 다양한 속성을 설정하는 방법은 무엇입니까?

Question

내 앱에는 String 변수가 있습니다. 추가 할 속성의 문자열 이름을가집니다.

ngOnInit() 
{ 
    this.colAttibute = 'width-50'; 
}  

또는 'width-100'과 같을 수 있습니다. 내 응용 프로그램은 장치 너비를 가져 와서 onNgInit 메서드에서이 변수의 값을 설정합니다. 나는 그런 내 HTML 코드 뭔가에이 속성을 설정하려면 :

<ion-list no-lines *ngIf="list"> 
    <ion-list-header> 
    Лидеры продаж 
    </ion-list-header> 
    <ion-item class="categoryProductItem" *ngFor="let row of list;"> 
     <ion-row wrap > 
     <ion-col *ngFor="let product of row" $colAttibute > <!--Here must be width-50 or width-100 attribute--> 
      <a ion-item detail-push (click)="onSelectItem(product)" > 
      <div class="categoryProductItemImage" *ngIf="product.getMainImage()"> 
       <ion-img [src]="product.getMainImage()['small_url']"></ion-img> 
      </div> 
      <h2> 
       {{product.title}} 
      </h2> 
      </a> 
     </ion-col> 
     </ion-row> 
    </ion-item> 
</ion-list> 

어떻게이 일을?

Answer 1

당신은이 같은 폭을 설정할 수 있습니다

플래그이 속성을 적용할지 여부를 나타내는 부울 값입니다

<ion-col [attr.width-70]="flag"> 

. 불행히도 모든 속성을 동적으로 지원하려면 사용 가능한 모든 속성을 나열해야합니다.