angularjs - 同じモデルの 2 つのノードの値が異なるのはなぜですか?

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

    ],
}

最初のラジオボタンをクリックすると、これらの要素の両方がクラス「Media」を取得し、2 番目のラジオボタンをクリックすると、両方ともクラス「Frilans」を取得するはずです。これらは同じモデルを共有しているためです。要素がクラス Medida を取得するメディア要素をクリックし、その要素がクラス frilans を取得する frilans をクリックすると、他の要素をクリックしてもクラスが削除されません。なんで？