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

标签 angular typescript

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

所以它看起来像这样:

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

我收到这个错误:

ht 错误:模板解析错误:

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

这不能用 Angular 来完成吗?

最佳答案

*ngIf像这样工作 *ngIf="expression" 其中 expression 被替换为返回 boolean 的简单 Javascript 语句。但是您使用了一个 =,这意味着您将 someValue 分配给 item 属性,如果该值不是 falsy它会返回给你 true

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

关于Angular 5 检查变量的值和 *ngIf 语句,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47557457/

相关文章:

angular - stroke-dasharray 无法与 Angular 6 绑定(bind)

angular - 有没有一种 Angular2 方法可以专注于输入字段?

Angular:使用服务延迟加载模块

javascript - 如何使用 Angular 8 为对象数组提供不同的日期

Angular 2 svg - 动态传递高度和宽度

Angular2 设置代理失败

angular - 如何在请求期间显示微调器?

javascript - 使用 IterableDiffer 在 Angular 8 中获取数组大小更改

angular - ng-bootstrap 折叠组件在切换一个时折叠所有组件 - Angular 6

使用 Angular 4 进行 HTML 5 拖放