angular - ngIf 带有 as as 语法和 && 运算符

Question

如何将 ngIf as 语法与 && 运算符结合起来？以下代码会导致“预期标识符或关键字”错误

 <control-error *ngIf="(createUserError | async as userError) && submitted">
          {{userError}}
 </control-error>

Answer 1

as 语法仅应用于整个 *ngIf 表达式。

所以，这是有效的语法:

*ngIf="(createUserError | async) && submitted as userError"

这将隐藏该 block 或呈现true。

但是为了使其正确且逻辑正确，您可以更改顺序:

*ngIf="submitted && (createUserError | async) as userError"

这应该为 userError 变量生成正确的值。