Javascript Google Dart下拉可视性逻辑

Javascript Google Dart下拉可视性逻辑,javascript,html,css,dart,dart-polymer,Javascript,Html,Css,Dart,Dart Polymer,我正在尝试让下拉元素可视或不可视,这取决于单击哪个单选按钮。如果单击“特别”单选按钮,则下拉元素应隐藏。如果单击“预定义”单选按钮,则不应隐藏下拉元素。问题是控件似乎需要单击两次才能执行上述预期操作,并且只需要单击一次。如有任何建议,将不胜感激。如果你需要更多信息,请告诉我 HTML: 我猜在执行click处理程序时还没有设置checked,但是您的print语句应该显示是否是这种情况 当您将所有代码打包到聚合元素中时,您可以将无线组值绑定到@可观察字符串无线值封装在一个中,polymer会为您

我正在尝试让下拉元素可视或不可视,这取决于单击哪个单选按钮。如果单击“特别”单选按钮,则下拉元素应隐藏。如果单击“预定义”单选按钮,则不应隐藏下拉元素。问题是控件似乎需要单击两次才能执行上述预期操作,并且只需要单击一次。如有任何建议,将不胜感激。如果你需要更多信息,请告诉我

HTML:


我猜在执行click处理程序时还没有设置checked,但是您的print语句应该显示是否是这种情况

当您将所有代码打包到聚合元素中时,您可以将无线组值绑定到
@可观察字符串无线值封装在一个
中,polymer会为您隐藏所有的显示


占位符A
占位符B
占位符C
占位符D
占位符E
占位符F
占位符G
占位符H
占位符I

你接受了我的答案-这是否意味着你已经开始工作了?我还想问一些其他问题;-)是的,我实际上是用一种更简单的方法做的,但这很有效,谢谢。
        <paper-radio-group selected="small">
          <paper-radio-button name="predefined" id="predefined" label="Predefined"></paper-radio-button>
          <paper-radio-button name="adhoc" id="adhoc" label="Ad-hoc"></paper-radio-button>
          </paper-radio-group>
          <div class="row yellowBorder form">
            <div class="large-12 columns">
              <select id="asset" class="titilium" selectedIndex="{{currentIndex}}" value="{{dropDownValue}}" on-change="{{changedHandler}}" required>
                <option value="Placeholder A">Placeholder A</option>
                <option value="Placeholder B">Placeholder B</option>
                <option value="Placeholder C">Placeholder C</option>
                <option value="Placeholder D">Placeholder D</option>
                <option value="Placeholder E">Placeholder E</option>
                <option value="Placeholder F">Placeholder F</option>
                <option value="Placeholder G">Placeholder G</option>
                <option value="Placeholder H">Placeholder H</option>
                <option value="Placeholder I">Placeholder I</option>
            </select>
            </div>
InputElement predefinedCheckBox = shroot.querySelector("#predefined");
    InputElement adhoc = shroot.querySelector("#adhoc");
    var dropDownValue = shroot.querySelector("#asset");

    predefinedCheckBox.checked = true;

    predefinedCheckBox.onClick.listen((e){

        if (predefinedCheckBox.checked == true) {
          print("predefined checked");
          dropDownValue.hidden = false;
        } else {
          print("predefined not checked");
          dropDownValue.hidden = true;
        }

      });

    adhoc.onClick.listen((e){
      if (adhoc.checked == true) {
                print("adhoc checked");
                dropDownValue.hidden = true;
              } else {
                print("adhoc not checked");
                dropDownValue.hidden = false;
              }
    });