在Angular中,要实现多个输入文本框显示相同的值,你可以使用双向数据绑定和一个公共的变量来实现。以下是一个示例代码:
在组件的.ts文件中:
import { Component } from '@angular/core';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
public sharedValue: string = ''; // 公共变量
constructor() { }
}
在组件的.html文件中:
在上面的示例中,我们使用了一个公共的变量sharedValue
来存储输入文本框的值,并使用双向数据绑定将其绑定到每个输入文本框的ngModel
属性上。这样,当一个输入文本框的值发生变化时,其他输入文本框的值也会随之变化,因为它们都绑定到了同一个变量。
注意:为了使双向数据绑定生效,你需要在你的模块中导入FormsModule
。
希望这个示例能帮助到你!