dart - DART：如何绑定单选按钮值属性

Question

我有一个需要显示为单选按钮的数组，所以在iterate我里面：

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

下面代码的预期输出是“Selected is 0”或“Selected is 1”等，但输出始终是“Selected is {{val}}”。

那么问题来了，如何在 Dart 的单选按钮中绑定 value 属性呢？

的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";

Answer 1

是的，我认为赛斯是对的，这是一个错误。同时，您应该能够通过以下方式解决它：

<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>

Answer 2

确保您设置了顶级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. 绑定应该可以正常工作，并且 {{ }} 不应该出现。