如果对象返回true,则设置ngModel

问题描述 投票:1回答:1

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

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

如何为[(ngModel)]动态设置值?

javascript angular angular7
1个回答
3
投票

您可以使用三元组来检查值是否为真,如果为真,则下面的代码将使用它;如果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;
}
© www.soinside.com 2019 - 2024. All rights reserved.