Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 多输入双向绑定_Javascript_Angular - Fatal编程技术网

Javascript 多输入双向绑定

Javascript 多输入双向绑定,javascript,angular,Javascript,Angular,我是Angular的初学者,我正在做Angular 2,而不是Angular.js,我试图写一些东西,可以接受两个输入,并且不需要像双向绑定一样点击任何按钮就可以使用它们。例如,如果我有两个文本输入,我希望另一个组件(比如说一个标签)包含两个串联的字符串。有办法做到这一点吗?您的基本模板看起来像 <input type="text" [(ngModel)]="first"> <input type="text" [(ngModel)]="second">

我是Angular的初学者,我正在做Angular 2,而不是Angular.js,我试图写一些东西,可以接受两个输入,并且不需要像双向绑定一样点击任何按钮就可以使用它们。例如,如果我有两个文本输入,我希望另一个组件(比如说一个标签)包含两个串联的字符串。有办法做到这一点吗?

您的基本模板看起来像

    <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风格