Question

我有一套无线电底部，它是从阵列驱动的。对于多选答案设置。

<div ng-repeat="option in options">
   <div>
      <button type="button" style="min-width: 100px" class="btn btn-default" ng-model="question.answer" btn-radio="'{{option.option_id}}'">{{option.option_text}}</button>
    </div>
</div>

当我添加到数组时，情况很好，主要是因为预设答案低于选项中的新元素。

如果我然后删除答案上方的其中一个选项，并重新定义新的答案ID ..单选按钮未正确更新。我知道答案已更新，因为我已将其显示在屏幕上。但按钮没有更新。

更新 NEW PLUNKER！我做过一个掠夺者：http://plnkr.co/edit/2XWFwClewqtcXWPY8ZSK。您可以看到，如果选择不同的选项，则答案如下。现在，如果您选择第三个选项并删除第一个或第二个选项，您将看到答案将更新，但检查按钮未更新。

有人可以对此有所了解吗？提前致谢金

Answer 1

在ui团队的帮助下，我发现这是一个简单的类型转换错误。

$scope.cp.options[i].option_id = i + 1;

应该是

$scope.cp.options[i].option_id = "" + (i + 1);

如果有人需要完整样本，我已更新了plunker。 Here

Angular ui.bootstrap.buttons在元素删除后不更新

1 个答案: