Question

在我的应用程序中，我有String的变量。在要添加的属性的字符串名称中有哪些。

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

或者它可以等于＆＃39; width-100＆＃39;。我的应用程序获取设备宽度并在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">

其中flag是一个布尔值，指示是否应用此属性。不幸的是，您需要列出所有可用属性，以便动态支持所有这些属性。

如何从变量angular 2设置DOM元素的各种属性？

1 个答案: