【问题标题】:ngIf One-line if statements | Angular 6ngIf 单行 if 语句 |角 6
【发布时间】:2018-12-17 18:02:49
【问题描述】:

我想使用 ngIf 更改迭代中显示的名称,我正在尝试执行以下操作:

*ngIf="detail.name=='dieselG_d'? detail.name='Diesel Green':Diesel Red

控制台记录如下错误:

Uncaught Error: Template parse errors:

【问题讨论】:

    标签: angular angular6 angular-template angular-ng-if


    【解决方案1】:

    我认为您在这里使用了错误的指令-*ngIf 更多的是检查我们是否应该显示内容,而不是进行赋值和更改变量。它需要一个判断真假的语句,并且不能做赋值。

    如果您的目标是显示某个名称,而不是隐藏具有某些值的内容,则以下内容可能更适合您。

    <div> {{ detail.name === 'dieselG_d' ? 'Diesel Green' : 'Diesel Red' }} </div>
    

    【讨论】:

    • 如果我需要设置多个条件怎么办?
    • 这取决于你的意思——你也可以调用一个返回字符串但设置一些条件的函数。
    猜你喜欢
    • 1970-01-01
    • 2019-01-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-04
    • 2020-02-22
    • 1970-01-01
    相关资源
    最近更新 更多