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

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.. 单选按钮不会正确更新。我知道答案已更新，因为我在屏幕上显示它。但按钮不会更新。

更新新的普伦克！我做了一个 plunker：http://plnkr.co/edit/2XWFwClewqtcXWPY8ZSK。如您所见，如果您选择不同的选项，答案如下。现在，如果您选择第三个选项并删除第一个或第二个选项，您将看到答案将更新，但选中按钮未正确更新。

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

Answer 1

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

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

应该是

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

如果有人需要完整的样本，我已经更新了 plunker。这里