2013-01-12 60 views
2

我有需要所以內部的iterate怎麼做才能被顯示爲單選按鈕的數組:DART:如何結合的單選按鈕的值屬性

<input type="radio" name="group" value="{{val}}" ... 

的從下面「選擇代碼進出料口是0 '或'Selected is 1'等,但輸出總是'Selected is {{val}}'。

所以問題是,你如何在Dart的單選按鈕中綁定一個值屬性?

的HTML:

<div id="container"> 
     <template iterate="val in list"> 
     <input type="radio" name="group" value="{{val}}" bind-value="radioSelected" on-click="showChange()"> 
     </template> 
     <p id="text"></p> 
    </div> 

而且飛鏢:

List list = ['0','1','2']; 
    String radioSelected = '0'; 

    void showChange() { 
     query("#text").text = "Selected is $radioSelected"; 
+0

您是否設置了飛鏢的Web UI工具,按如下說明:http://www.dartlang.org/articles/dart-web- components/tools.html? – obourgain

+0

查看下面的評論 - 是的,一切都設置和工作。 –

+0

你是從'out /'目錄運行代碼嗎? –

回答

0

確保您設置了一個頂級build.dart文件。它應該是這個樣子:

import 'dart:io'; 
import 'package:web_ui/component_build.dart'; 

void main() { 
    build(new Options().arguments, ['web/<my_main_html_file>.html']); 
} 

當你run這個文件,out/目錄將會爲您創建。運行<my_main_html_file>.html。綁定應該正常工作,不應出現{{}}。

+0

感謝您的回答。是的,一切都設置正確,並正在工作。這是一個系統的一小部分,綁定等都是工作 - 除了當我嘗試上述。 –

0

是的,我認爲塞思是正確的這是一個錯誤。在此期間,你應該能夠像要解決它:

<div id="container"> 
    <template iterate="val in list"> 
    <input type="radio" name="group" bind-checked="val == radioSelected" on-click="showChange()"> 
    </template> 
    <p id="text"></p> 
</div> 
+0

雙向綁定到表達式? –