Javascript 多输入双向绑定
我是Angular的初学者,我正在做Angular 2,而不是Angular.js,我试图写一些东西,可以接受两个输入,并且不需要像双向绑定一样点击任何按钮就可以使用它们。例如,如果我有两个文本输入,我希望另一个组件(比如说一个标签)包含两个串联的字符串。有办法做到这一点吗?您的基本模板看起来像Javascript 多输入双向绑定,javascript,angular,Javascript,Angular,我是Angular的初学者,我正在做Angular 2,而不是Angular.js,我试图写一些东西,可以接受两个输入,并且不需要像双向绑定一样点击任何按钮就可以使用它们。例如,如果我有两个文本输入,我希望另一个组件(比如说一个标签)包含两个串联的字符串。有办法做到这一点吗?您的基本模板看起来像 <input type="text" [(ngModel)]="first"> <input type="text" [(ngModel)]="second">
<input type="text" [(ngModel)]="first">
<input type="text" [(ngModel)]="second">
<label>{{first}} {{second}}</label>
此模板使用ngModel指令使用双向数据绑定当然,这是可能的。首先,您必须获得用户输入,如下所示: @组成部分{ 选择器:“app-key-up2”, 模板:` {{input1}}{{input2} ` } 导出类KeyUpComponent_v2{ 输入2= 输入1=; onKeyInput1value:字符串{ this.input1=值 } onKeyInput2value:字符串{ this.input2=值 } } 然后,只需在所选标记内显示输出,如so{{}。 参考:
编辑:哦,对了,你也可以使用[ng model],见上面的答案。你试过使用双向数据绑定吗?请告诉我们你尝试了什么,以及你在哪里遇到了困难。请看Saksham的答案。Angular是使用NgModel或ReactiveForm或模板变量引用的。使用keyup是一种javascript风格