Question

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

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

以下代码中的预期输出为“Selected is 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";

Answer 1

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

Answer 2

是的，我认为Seth是对的，这是一个错误。与此同时，您应该可以使用以下内容解决此问题：

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

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

2 个答案: