1

我有一个指令、一个控制器和一个提供者：

var note = angular.module('note', []);

note.controller('noteController',function($scope,$note){
    $scope.queue = $note.getQueue();
});

note.directive('note',function($note){
  return{
    restrict: 'A',
    template:
        '<div ng-repeat="notification in queue">' +
            '<p>{{notification.message}}</p>' +
        '</div>',

    link: function(scope,element,attr, noteController){
        noteController.$watch($note.queue,function(){
            scope.queue = $note.getQueue();
        })
    },
    controller: 'noteController'
  }
 });

note.provider('$note',function(){

  this.$get = function($timeout){

    var queue = [];

    function note(){
    }

    note.prototype.show = function(msg){

        var notification = {
            'message': msg
        };

        queue.push(notification);
    };

    return{
        getQueue: function(){
            return queue;
        },
        note: function(){
            return new note();
        }
    }
  }
})

在我的应用程序主模块中，我注入了提供程序和注释模块。

我创建一个实例note并启动它的show()方法。这很好用，正在显示注释。

但是，如果我在另一个外部模块中执行完全相同的操作，notecontroller.queue 将不会得到更新。

我创建了一个简单的 plnkr 来显示问题：

http://plnkr.co/edit/dtPF4rBocLw9gWrmO3cP?p=preview

4

1 回答 1

1

您在问题中发布的代码与您面临的问题无关，问题出在您的验证器中，您正在调用preventDefault(). 输入元素的默认行为被取消，并且您没有$digest手动调用，因此没有什么可以触发摘要循环。

两种解决方案：

  1. 去除那个e.preventDefault();
  2. 调用scope.$digest()你的keydown处理程序

http://plnkr.co/edit/HtjnNmored70rAPOOMg6

于 2013-07-05T18:10:10.807 回答