AngularJS：ng-repeat中的指令。范围twoway绑定

Question

我有使用隔离范围和双向数据绑定的指令。

    app.directive('inputField', function() {
        return {
            restrict: 'E',
            require: '^ngModel',
            scope: {
                data: '=ngModel',
            },
            template: "<input type='text' ng-model='data' />",
        };
    });

如果我把这个指令放到页面上。一切正常。页面范围和指令范围内的数据相等 但是如果我把指令放在ng-repeat中，指令就不会将数据填充到页面范围内。

如何解决这个问题？

这是example of code。

Answer 1

查看working plunker。

<div ng-repeat="d in data2">
    <input-field ng-model="data2[$index]"></input-field>     <br>
</div>

问题出现了，因为你使用的是没有点的ng-model。

使用console.log检查它。阅读此SO post。