Angular 值未定义时ngmodel的三元运算符

我在两个不同的组件中使用了一个角度组件。我正在将输入值绑定到ngModel，但我不需要对ngModel绑定、何时使用Invite和何时使用InviteAdmin进行区分

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

但我发现语法错误

---

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

我该怎么做

下面是我的两个模型

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

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

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

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();
  }
}

---

我认为这段摘录没有任何问题

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

我相信它会起作用的。如果您能为stackblitz提供Repo，我们将能够提供帮助。最有可能的错误不是在这个地方，而是在附近

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

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

---

我认为这段摘录没有任何问题

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

我相信它会起作用的。如果您能为stackblitz提供Repo，我们将能够提供帮助。最有可能的错误不是在这个地方，而是在附近

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

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

---

“但我有语法错误”。错误是什么？（：Uncaught Error:Template parse Error我没有完全理解它。

invite

的类型是什么？它是

invite

的实例吗？在这种情况下，

invite.mail.value

会导致编译错误，因为

invite.mail

应该是字符串。另外，是否启用了ivy？“但我得到语法错误”。错误是什么？（：未捕获错误：模板解析错误我没有完全理解它。

invite

的类型是什么？它是

invite

的实例吗？在这种情况下，

invite.mail.value

会导致编译错误，因为

invite.mail

应该是字符串。另外，是否启用了ivy？