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

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'
        }

    ],
}

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

Answer 1

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