Как динамически изменять свойство ионного элемента в шаблоне angular html?

#angular #typescript #ionic-framework #observable

#angular #typescript #ionic-framework #наблюдаемый

Вопрос:

Я хотел бы изменить свойство outline ionic-chip, если наблюдаемые изменения:

 <span *ngIf="(avgRating | async) as obs">
      <ion-chip  outline= "obs.total  > 0 ? 'none' : 'outline'"> 
        // change outline property if observable changes
      </ion-chip>
</span>
 

Возможно ли это сделать в файле шаблона?

Ответ №1:

Свойство outline ионного чипа является логическим значением. Поэтому вы не можете установить для него ‘none’ или ‘outline’, поскольку они являются строками. Поэтому было бы достаточно просто проверить и вернуть вывод obs.total> 0 в атрибут outline .

Ссылка: https://ionicframework.com/docs/api/chip