Angular 5检查变量on和*ngIf语句的值

Question

我正在使用angular 5,我正在尝试检查组件的html模板中变量的值.

所以它看起来像这样:

<div *ngIf="item='somevalue'">

我收到这个错误:

ht错误:模板解析错误:

Parser Error: Bindings cannot contain assignments at column 17 in...

这不能在角度上完成吗？

Answer 1

*ngIf就像这样工作*ngIf="expression",expression它取代了返回的简单Javascript语句boolean.但是你使用一个=,这意味着你分配someValue给item属性,如果值不是假的,它将返回你true.

在你的情况下,你需要写*ngIf="item === 'somevalue'".

Answer 2

你正在进行任务而不是比较

<div *ngIf="item==='somevalue'">

Answer 3

将其更改为item==='somevalue'. 可能是错字

Answer 4

您正在使用single =运算符进行赋值。

使用等于==的double运算符检查相等性，或者更好地使用===来检查严格相等性。

<div *ngIf="item === 'somevalue'">