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

回答

相關問題