角度-元素的条件属性

Question

我正在使用基于ion-grid的Bootstrap's grid system。这是我用于不同范围元素的代码的简化版本：

<ion-grid>
  <ion-row *ngFor="let task of allTasks">
    <ion-col *ngIf="task.author === this.currentUser" offset-3 col-9 class="task">
       <div>{{task.description}}</div>
     </ion-col>
  </ion-row>                                                              
</ion-grid>

我的离子网格具有 12 列。 offset-3基本上会将元素推到列的最右边。但是，我希望通过两种方式有条件地更改此属性：

1. 如果满足特定条件，请不要将offset-3应用于此元素。正确的语法是什么：myCondition ? "offset-3" : ""

2. 如何动态更改offset-{value}？假设我将col-auto分配给上述元素，如何更改offset-{value}中的 {value} ，使其不小于 3 或更大？例如。 col-auto将col-6分配给元素，将offset-{value}更改为offset-6-或只是将元素推到列的最右边。

我不确定 2。是否确实可以实现。但是，任何具有与我期望相同的结果的解决方法对我来说就足够了。

Answer 1

在您的组件中创建一个@input属性，然后可以将该值传递给html; 偏移量{{inputValue}} 也许在您的组件中做更多的逻辑。并将值传递给html，以便您可以在将其设置为HTML之前检索该值。

示例；

var x = new float[3, 4][,];