Question

我有2个输入文件，让我们说输入1和输入2。我有事件，我在input2中输入的所有内容都显示在input2中。现在条件是如果我在input2中手动更改或输入内容，我上面创建的事件应该不起作用。

我想需要使用count循环，但我很困惑。

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

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

* .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。告诉我这是不是你的意思。

Answer 2

你只能将input2的defaut值改为input1的值。我认为它应该有用。

<input placeholder="Organization Name" #input1>

<input value=input1.value placeholder="Business + Sub Domain">

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

2 个答案: