ngmodel 的三元运算符(如果值未定义)

Question

我有一个角度分量用于 2 个不同的分量。我正在将输入值绑定到 ngModel，但我不需要对 ngModel 绑定、何时使用邀请以及何时使用 InviteAdmin 进行区分。

<input [disabled]="readonly" type="text" class="form-control" [ngModel]="invite.mail.value">

我尝试过使用三元运算符 对于第一个，我有一个这样的模型类的响应

[ngModel]="invite.mail.value ? invite.mail.value : invite.mail"

但我得到语法错误

未捕获错误：模板分析错误

我该怎么做？

波纹管是我的 2 个模型

interface Invite {
id: string;
dep: string;
stand: string;
mail: string;
}

在第二个组件中，响应是这样的对象

class ValueError {
value: string;
error?: string;
constructor() {
this.value = null;
this.error = null;
}
}
export class InviteAdmin{
id: ValueError;
dep: ValueError;
stand: ValueError;
mail: ValueError;
constructor() {
this.id= new ValueError();
this.dep= new ValueError();
this.stand= new ValueError();
this.mail= new ValueError();
}
}

Answer 1

我认为摘录没有任何问题

[ngModel]="invite.mail.value ? invite.mail.value : invite.mail"

我相信它应该有效。如果您能为堆栈闪电战提供重现，我们将能够提供帮助。很可能错误不在这个地方，而是在附近。

顺便说一句，相同代码的较短版本

[ngModel]="invite.mail.value || invite.mail"