angularjs - 为什么我的两个具有相同模型的节点具有不同的值？

Question

我有一个看起来像这样的角度模板：

<div class="radiobutton" ng-repeat="mylabel in field.labels">
    <input
        type="radio" 
        name="{{field['key']}}"
        value="{{mylabel.label}}" 
        id="{{mylabel.name}}"
        ng-model='my_radio_button'
        ng-class='my_radio_button'
    >
    <label for="{{field['key']}}">
        {{mylabel.label}}
    </label>
</div>

和一个看起来像这样的范围：

{
    key: 'entry.1602323871',
    type: 'radio',
    labels:
    [
        {
            name: 'media',
            label: 'Media'
        },
        {
            name: 'frilans',
            label: 'Frilans'
        }

    ],
}

我希望一旦我单击第一个单选按钮，这两个元素都应该获得类“媒体”，一旦我点击第二个，它们都应该获得类“Frilans”，因为它们共享相同的模型，但是当我单击该元素获取类 Medida 的媒体元素，当我单击该元素获取类 frilans 的 frilans 时，当我单击另一个元素时也不会删除该类。为什么？

Answer 1

通过使用 $parent.my_radio_button 您可以访问父范围，而不是为每个循环创建的单个范围。