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

Question

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

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

网页代码：

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

Answer 2

你不能只将input2的defaut值转换为input1的值。我认为它应该有效。

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