在選擇中顯示選定的選項

Question

HTML文件具有從狀態列表填充的選擇元素。我需要將特定狀態FL顯示爲選定的條目。

<select id='mystate' template iterate="x in myStatesList"> 
    <option>{{x}}</option> 
</select> 

試圖在DART文件下面，但它不工作：

inserted() { 
    var x = query('#mystate') as SelectElement; 
    x.options.selectedIndex = 10; 
} 

還試圖調用選項函數返回的 '選擇'，如下所示：

<option {{gv(x)}}> {{x}} </option> 

，並在DART

String gv(x) { 
    if(x=='FL'){    
    return 'selected'; 
    } else { 
    return ''; 
    } 
} 

那沒有'不管工作。

Answer 1

更改HTML到：

<option selected={{gv(x)}}>{{x}}</option> 

鏢代碼：

bool gv(x) { 
    if(x == 'GA'){    
    return true; 
    } else { 
    return false; 
    } 
} 

和現在的作品！

Answer 2

你inserted()功能應該是：

inserted() { 
    var x = query('#mystate') as SelectElement; 
    x.selectedIndex = 10; 
}