javascript - 在 ng-repeat 中使用 ng-model

Question

我已经使用模板创建了 Angular Directive(指令):

<div class="directiveclass">
   <div ng-repeat="i in items">
       <input type="radio" ng-model="myvalue" value="{{$index}}">
   </div>    
</div>

ng-model“myvalue”是指令本地范围的一部分:

.directive('mydirective', function()
{
    return {
        templateUrl: "path",
        scope: {},
        link : function(scope, el, attr)
        {
            scope.myvalue = 0;   
            scope.$watch('myvalue', function()
            {
                console.log('myvalue changed');
            });
        }
    };
}

我单击单选按钮元素，但“myvalue”值永远不会改变。

有什么想法吗？

示例代码:http://jsfiddle.net/r5jGL/

Answer 1

我找到了解决方案。由于 ng-repeat 创建新范围，我已将 ng-model 值更改为 $parent.myval 以访问指令范围。