当服务中的数据更新时更新 ng-repeat

Question

我有一个消息服务，可以存储任何需要像这样显示给用户的消息

app.controller('messageCtrl', function($scope, messages){
    //what to do
});

app.factory('messages', function(){
    return {
        messages: [
            {type:'info', text: 'info Message'},
            {type:'success', text: 'success Message'},
            {type:'warning', text: 'warning Message'},
            {type:'danger', text: 'danger Message'}
        ],

        addMessage: function(message){
            messages.push(message);
        },

        getMessages: function(){
            return messages;
        }
    };
);

我需要在我的控制器中执行什么操作，以便能够重复消息内容并在另一个控制器添加消息时更新它？

Answer 1

app.controller('messageCtrl', function($scope, messages){
    $scope.localMessages = messages.messages;
    //Just be sure to not replace the original array and this will work
    //if you need to repopulate the array or empty it use angular.copy()
});

app.factory('messages', function(){
    return {
        messages: [
            {type:'info', text: 'info Message'},
            {type:'success', text: 'success Message'},
            {type:'warning', text: 'warning Message'},
            {type:'danger', text: 'danger Message'}
        ],

    addMessage: function(message){
        messages.push(message);
    },

    getMessages: function(){
        return messages;
        }
    };
);