Question

嗨，我无法找到关于&&运算符是否在Angular模板中工作的明确答案...我正在尝试做类似事情

<div *ngIf="obj.type === 'Selection' && obj.label === 'Item1'">

Answer 1

我已经尝试过您的ngIf，并且在确保已初始化obj之后它可以工作，下面是我的工作代码

HTML组件

hw-root

模式组件

<input id="input1" name="input1" [(ngModel)]="obj.label" type="text" #input1="ngModel" />
<input id="input2" name="input2" [(ngModel)]="obj.type" type="text" #input2="ngModel" />

<div *ngIf="obj.type === 'Selection' && obj.label === 'Item1'">
    <label>It works</label>
</div>

课程

obj:testclass = new testclass();

我猜你的问题是obj为null或未定义。

如果您可以在问题中发布示例代码，以便任何人都可以调试您的问题，那就太好了。

希望有帮助

Answer 2

可能存在问题，因为'obj'不包含任何值或其未定义。因此，限制验证将解决您的问题

<div *ngIf="obj && obj.type === 'Selection' && obj.label === 'Item1'">

Angular 5和&&运算符

2 个答案: