typescript 具有多个条件的Angular NgIf模板

oalqel3c 于 2023-05-01 发布在 TypeScript

关注(0)|答案(1)|浏览(128)

<dl>
  <dt>vehicle.value | translate</dt>
  <dd>vehicle.id</dd>

  <dt>status.value | translate</dt>
  <dd>vehicle.status</dd>
</dl>

vehicle.id可以取三个不同的值，假设A、B、C，vehicle.status取决于vehicle.id取的值，即：e.如果它取值A，则它将显示e。例如，如果值B是字母2，则字母1，等等。
现在我想知道在html中创建这样的ifa是否有意义，或者在typescript中创建函数并在html中使用它是否更好？这样的伪代码会是什么样子？

typescript

来源：https://stackoverflow.com/questions/76094207/angular-ngif-template-with-several-conditions

1条答案

按热度按时间

tjrkku2a1#

如果条件很简单且不是动态的，您可以在HTML中使用ngSwitch进行管理。否则，我会说最好是在.ts中获得值时直接处理status的值

<dl>
  <dt>vehicle.value | translate</dt>
  <dd>vehicle.id</dd>

  <dt>status.value | translate</dt>
  <container-element [ngSwitch]="vehicle.id">
     <dd *ngSwitchCase="A">1</dd>
     <dd *ngSwitchCase="B">2</dd>
     <dd *ngSwitchCase="C">3</dd>
  </container-element>
</dl>

赞(0）回复(0）举报 2023-05-01

我来回答

typescript 具有多个条件的Angular NgIf模板

1条答案

相关问题

热门标签

最新问答