javascript - Angular 嵌套 ng-form 导致 $modelValue 未设置

Question

我在 Angular 项目中遇到了一些小问题。首先，在某些情况下，表单中的 $digest 值未设置为 true。我通过 this post 修复了它.

因此，为了解决这个问题，我必须在表单中的某些部分周围放置一个 ng-form。使其看起来如下所示:

<div class="fim-sub-input">
    <ng-form name="gender" novalidate>
        <label class="fim-radio" fim-radio ng-repeat="gender in genders">
            <input type="radio" name="gender" value="{{ gender.id }}" ng-model="card.gender">
            <span class="fim-sub-label">{{ gender.name }}</span>
        </label>
    </ng-form>
</div>

这解决了我的 $digest 问题。但是现在在表单中，性别属性从来没有 $modelValue 属性？所有其他表单属性仍然有效，但嵌套表单中的性别属性没有。这是预期的行为吗？

我目前通过在处理表单之前将 form.gender.$modelValue 设置为范围模型中的值来修复此问题。它可以工作，但很难看:)

有什么想法吗？

Answer 1

不确定你在尝试什么，但 ng-model 应该是性别.性别而不是卡.性别。

由于您使用 ng-repeat 创建子作用域，您最终可能仍然会遇到一些问题(除非您使用 ng-model = $parent.gender.gender)