错误：与指令一起使用的表达式“未定义”是不可赋值的

Question

在这里摆弄http://jsfiddle.net/prantikv/dJty6/36/

我有像这样的 json 数据

$scope.info={
 "company1":"this",
 "company2":"is",
  "company3":"sparta"
}

我正在使用ng-repeat 打印所有数据，我想监控字段的变化。

 <input type="text" ng-repeat="item in info" value="{{item}}" monitor-change>

我有一个这样的 monitorChange 指令：

.directive('monitorChange', function() {
  return {
    restrict: 'A',
    scope: {changedFlag: '='},
    link: function(scope, element, attrs) {
      var $el = angular.element(element);
      $el.on('keyup', function() {//bind to element
          scope.$apply( function() {
            scope.changedFlag =true;//on key press value is changed
          });
      });
    }
  };
}); 

尝试更改数据时，收到错误Error: [$compile:nonassign] Expression 'undefined' used with directive 'monitorChange' is non-assignable!

我正在打印视图中的数据：

{{changedFlag }}

代码有什么问题？

Answer 1

1. 正如您在指令定义中提到的scope: {caretPosition: '='}，我们需要在标记中传递caret-position="obj.changedFlag"。
2. 由于ng-repeat 为每个项目创建了一个新范围，因此最好使用点符号表示更改以反映在控制器的范围中。

这是更新的小提琴。 http://jsfiddle.net/dJty6/38/