角度未从模型中选择单选按钮

Question

我正在开发一个从元素数组填充 ng-repeat 的系统，其中一个单选按钮设置了一个属性。当它加载时，没有选择任何单选按钮，但是当我选择任何单选按钮时，它会适当地绑定到模型。它以没有外部 ng-repeat 的单一格式工作，所以我不确定它为什么拒绝从模型中选择单选按钮。

<div ng-repeat="selectedTag in selectedGroup.tags track by $index" ng-controller="ThemesEdit_TagStylesCtrl">
    <div class="type-select">
        <label ng-repeat="styleGroup in styleGroups.list" ng-hide="styleGroup.name == 'Settings'">
            <input type="radio" name="tagType" ng-model="selectedTag.styleGroupId" ng-value="styleGroup.styleGroupId"/> <span>{{styleGroup.name}}</span>
        </label>
    </div>

    <div ng-include src="another_page"></div>

    <div class="clear-float"></div>
    <p tag-example="selectedTag" data-style-group="styleGroup"></p>
</div>

我可以看到 $parent.selectedTag.styleGroupId 出现在每个 selectedTag 上，它触发了模板中使用 ng-include 引入的选项，所以我知道这非常接近正常工作。剩下的唯一问题似乎是它不会自动选择具有已定义 ng-model 的单选按钮。

我对 Angular 还很陌生，所以它可能是完全显而易见的，但我希望有人能照亮我的道路。感谢您的所有帮助！

编辑：更新了以下两个建议。仍然不高兴，但我想我会将代码编辑到最新的迭代中。

Answer 1

我觉得自己很愚蠢——我忽略了一些简单的事情。对于单个实例，使用在 <input type="radio" name="tagType" ng-model="selectedTag.styleGroupId" ng-value="styleGroup.styleGroupId"/> <span>{{styleGroup.name}}</span>" 中设置的名称进行发布工作正常。一旦我把它塞进一个 ng-repeat，它就会在同一个 name="tagType" 下发布并覆盖选择。果然，当我滚动到页面底部时，最后一组单选按钮被正确选中。

检查文档，名称是可选的，删除它允许所有单选按钮集正确填充。我没有看到任何其他方面的不良影响 - 有什么我应该注意的吗？

感谢大家的帮助/想法！

Answer 2

我认为你应该使用ng-model="selectedTag.styleGroupId"。 selectedTag 不应被您的内部 ng-repeat 覆盖。

---

更新：

看看this SO answerng-value需要设置true。

Answer 3

我会说解决方案是ng-value="styleGroup.styleGroupId"、documentation here。