Html输入的名称在div选择Angular 2.1.4

有没有什么方法在角2中选择名称/身份证输入内divs？Html输入的名称在div选择Angular 2.1.4

HTML：

<div class="form-pages" (click)='function()'>//if it's possible then what should I put into function param? 
    <fieldset> 
    <input type="text" name="firstName"/> 
    <input type="text" name="firstName"/> 
</fieldset> 
</div>

组件： function(str){this.var=str}

来源

2017-08-02 Jędrek Markowski

不知道如果子元素的模板变量可以被访问

<div class="form-pages" (click)='function(input1.value, input2.value)'>//if it's possible then what should I put into function param? 
    <fieldset> 
    <input #input1 type="text" name="firstName"/> 
    <input #input2 type="text" name="firstName"/> 
</fieldset> 
</div>

如果这不起作用，你可以使用

<div class="form-pages" (click)='function()'>//if it's possible then what should I put into function param? 
    <fieldset> 
    <input #myinput type="text" name="firstName"/> 
    <input #myinput type="text" name="firstName"/> 
</fieldset> 
</div>

@ViewChildren('input') inputs:QueryList<ElementRef>; 

myFunction() { 
    let inputs = this.inputs.toArray(); 
    console.log(inputs[0].value; 
    console.log(inputs[1].value; 
}

来源

2017-08-02 08:05:52

好吧，我这样做是独自一人，感谢前面的答案，但对我来说它工作得很好，它需要调用$ event.target.name方法将返回点击目标的名称。

<div (click)="setFocus($event.target.name)"> 
<input type='text' name='input1 /> 
<input type='text' name='input2 /> 
</div>

在组分setFocus(str){this.var = str)

来源

2017-08-02 08:20:52

Html输入的名称在div选择Angular 2.1.4

回答

相关问题