在這種情況下for =「power」會做什麼？

Question

爲什麼此標籤已宣告=「power」？它有什麼作用？

<div class="form-group"> 
<label for="power">Hero Power</label> 
<select class="form-control" id="power" required> 
<option *ngFor="let p of powers" [value]="p">{{p}}</option> 
</select> 
</div> 

Answer 1

它指定標籤對應於哪個輸入並因此被綁定（這對於樣式和語義性而言是重要的）。 select元素的id爲「power」，所以當顯示這個表單時，瀏覽器知道「Hero Power」是它的標籤。

Answer 2

它只是HTML的聲明語法。

基本上通過這樣做要指定該標籤被映射與具有編號=「功率」的形式控制。

因此，在創建DOM時，標籤被映射到id ='power'的HTML元素。

希望這會有所幫助。