這是示例代碼。請幫助我在不使用任何表格的情況下安慰多個值
<input placeholder="Text" #input>
<input placeholder="Text" #input>
<div (click)="onClick(input.value)">
<button class='btn btn-dark'>Submit</button>
</div>
TS
onClick(value: any) {
console.log(value);
}
uj5u.com熱心網友回復：
為輸入添加不同的本地參考并傳遞值。
<input placeholder="Text" #input1>
<input placeholder="Text" #input2>
<div (click)="onClick(input1.value, input2.value)">
<button class='btn btn-dark'>Submit</button>
</div>
TS
onClick(value1: any,value2: any) {
console.log(value1, value2);
}
uj5u.com熱心網友回復：
什么樣的形式？是 CSS 類選擇器.form-control。如果您希望使用按鈕控制日志，您可以將輸入值作為引數傳遞給方法。雖然要參考正確的輸入，但每個都應該在 hashtag 之后有一個唯一的名稱#。我們將onClick()多個引數（輸入的值）傳遞給方法，然后將其決議為 obj{}并在控制臺記錄該 obj。
html
<input class="form-control" placeholder="Text" #input1 />
<input class="form-control" placeholder="Text" #input2 />
<div class="button" (click)="onClick(input1.value, input2.value)">
<button class="btn btn-dark">Submit</button>
</div>
TS
onClick(input1: any, input2: any) {
console.log({input1, input2});
}
作業示例：https ://stackblitz.com/edit/angular-ivy-jzoybi?file=src/app/app.component.html
uj5u.com熱心網友回復：
您可以在 TypeScript(TS) 端以這種方式使用擴展運算子作為函式引數，HTML 端沒有變化，因為將值傳遞給函式引數
在 HTML 端，您可以傳遞盡可能多的引數
HTML 代碼
<input placeholder="Text" #input1 />
<input placeholder="Text" #input2 />
<input placeholder="Text" #input3 />
<div (click)="onClick(input1.value, input2.value, input3.value)">
<button >Submit</button>
</div>
打字稿端
onClick(...inputValues: any) {
console.log(inputValues);
}
所以在TS端，你只需要在函式引數中添加3個點，3個點代表擴展運算子。
您可以將其作為從 HTML 傳遞到 TS 端的值陣列來獲取。
希望它能幫助它使用現代 javascript 功能。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/493812.html
標籤：有角度的
上一篇：型別“物件”不可分配給型別“空”