Angular dart 单选按钮未绑定到模型

Question

我有一个 Angular Dart 组件 html:

编辑：出于某种原因，我的一些 html 没有正确复制。在标签标签之外我有：

<div class="btn-group btn-group-vertical" data-toggle="buttons">

`

    <label ng-repeat="item in items" class="btn btn-primary btn-sm btn-block" ng-show="isItemVisible(item)">

        <input type="radio" name="options" value="{{item}}" ng-model="selected">{{item}}
            <span class="badge pull-right"><span class="glyphicon glyphicon-ok"></span></span>

    </label>
</div>`

但是，这不会更新模型。我也尝试过使用 onclick、ng-click 和 ng-change 得到相同的结果——这些函数永远不会被调用。有没有我使用不正确的指令？

Answer 1

$parent 应该可以解决问题。这是工作示例：

HTML

<div>
  <div ng-repeat="item in items">
    <label for="{{item.name}}">{{item.name}}:</label>
    <input id="{{item.name}}" type="radio" ng-model="$parent.$parent.selected" ng-value="item.value" />
  </div>

  <strong>Selected value:</strong> {{$parent.selected}} <br/>
</div>

控制器

$scope.items = [{
  name:'Item1',
  value: 'value1'
}, {
  name:'Item2',
  value: 'value2'
}, {
  name:'Item3',
  value: 'value3'
}];

$scope.selected = null;

Answer 2

在您的 ng-click 中使用 Future，这样您的模型就会得到更新。

    <input type="radio" name="options" value="{{item}}" 
         ng-model="selected" ng-click="radioButtonClicked();">{{item}}</input>

   //Component Code:
   void radioButtonClicked(){
            new Future((){
                //Use your selected model here.
            });
   }

Angular dart 单选按钮未绑定到模型

Angular dart radio buttons not binding to model

html

radio-button

dart

angular-dart