如果对象返回的是真,请设置ngModel

时间:2019-04-09 11:34:25

标签: javascript angular

是否可以将输入文本框的[(ngModel)]还原为先前的值,并仅在对象返回[(ngModel)]时设置true

<input type="text" [(ngModel)]="textValue">

1 个答案:

答案 0 :(得分:3)

您可以使用三进制来检查值是否为true,如果代码为true,则下面的代码将使用它;如果textValue为false,则下面的代码将使用另一个值。下面是一个小示例,请进行相应更改以满足您的要求。

public originalValue = 'hello';
public textValue;  //may be truthy or falsy.

<input type="text" [(ngModel)]="textValue ? textValue : originalValue">

三元分解。如果值在左边?是真实的,那么将使用问号后的值。如果前值?是虚假的,则将使用:之后的值。

对于使用上述公共变量的注释中所述。这将假定您具有一个告诉您邮政编码有效或未返回true或false的函数。

public submitFunction(): void
{
    const valueToUse = isPostCode(this.textValue) ? this.textValue : this.originalValue;
}