如何在HTML中使用if语句

这可能是一个不言自明的问题，但我想知道如何或是否可以在app.component.ts文件中的Angular中的HTML代码中实现if查询。我的计划如下：

info.page.ts：

@Component({
  selector: 'app-info',
  templateUrl: 'info.page.html',
  styleUrls: ['info.page.scss'],
  encapsulation: ViewEncapsulation.None,
  template: `
    <ion-content>
      <div id="wrapper">
        <app-version-info></app-version-info>
        <attributions-info></attributions-info>
        <div>{{value}}</div>
        <div class="gauges-container">
        <?php
          if({{value}}<2000){
            echo "<mwl-gauge class="five" [max]="2200" [min]="800" [dialStartAngle]="15" [dialEndAngle]="165" [value]="value" [animated]="true" [animationDuration]="0.5"> </mwl-gauge>";
          }else{
            echo "<mwl-gauge class="six" [max]="2200" [min]="800" [dialStartAngle]="15" [dialEndAngle]="165" [value]="value" [animated]="true" [animationDuration]="0.5"> </mwl-gauge>";
          }
        ?>
        </div>
      </div>
    </ion-content>
  `,

})

谢谢你的帮助

应该解释得足够清楚，但基本上你没有权利像你那样使用php代码。我建议像下面这样实现它

您不应该忘记在客户端渲染角度，这就是为什么不能使用php的原因

info.page.ts @组成部分{ 选择器：“应用程序信息”， 样式URL:['info.page.scss']， 封装：视图封装。无， 模板：` {{value}} =2000类=六[max]=2200[min]=800[dialStartAngle]=15[dialEndAngle]=165[value]=value[animated]=true[animationDuration]=0.5> `, } 导出类AppInfoComponent{ 值：数字 恩戈尼尼特{ 设置超时=>{ this.value=2000//将其与api绑定 }, 2000 } }

---

看到这两个元素之间唯一的变化是CSS类选择器，您可以使用ngClass属性动态绑定选择器

试试下面的方法

---

这回答了你的问题吗？很抱歉把你送到官员那里。文件：你看过了吗？还有一个很好的教程