javascript - 通过 ngModel 在两个输入字段之间共享数据

Question

我有 2 个输入字段让我们说 input1 和 input2。我有这样的事件，即我在 input1 中输入的所有内容都显示在 input2 中。现在的条件是，如果我在 input2 中手动更改或输入某些内容，我在上面创建的事件将不起作用。

我猜需要使用计数循环，但我很困惑。

html代码:

<input placeholder="Organization Name" [(ngModel)] = "orgName" (ngModelChange)="setdomain($event)">

<input placeholder="Business + Sub Domain" [(ngModel)] = "subdomain">

TypeScript 文件片段:

subdomain : string;

setdomain(name) {
    this.subdomain = name.toLowerCase().replace(/ /g ,'');
}

Answer 1

我想最简单的方法是创建临时变量，它将存储唯一的子域名和创建方法，该方法将传递给变量适当的值。例如:

在 *.component.ts 中:

  defaultSubdomain: string;
  uniqueSubdomain: string;

  setdomain(name) {
    let expectedResult = name.toLowerCase().replace(/ /g ,'');
    this.defaultSubdomain = expectedResult;
  }

  setUniqueDomain(name) {
    this.uniqueSubdomain = expectedResult;
  }

在 *.component.html 中:

<input type="text" placeholder="Organization Name" [ngModel] = "orgName" (ngModelChange)="setdomain($event)">
<input type="text" placeholder="Business + Sub Domain" [ngModel] = "uniqueSubdomain || defaultSubdomain" (ngModelChange)="setUniqueDomain($event)">

我创建了 Plunker为你。告诉我你是不是这个意思。