Angularjs通信控制器在不同的意见 - Rails

我需要一个提示如何连接两个控制器在Rails中的不同视图。我在我的索引中有物品和购物车，当我点击新选项卡中的物品并将物品添加到购物车时，我想将此物品添加到购物车中，无需刷新它。Angularjs通信控制器在不同的意见 - Rails

app.controller('LineItemsController', ['$scope', '$rootScope', '$controller', 'LineItems', 
    function($scope, $rootScope, $controller, LineItems) { 
     $controller('CartsController', { 
      $scope: $scope 
     }); 

     $scope.fetchLineItems = function() { 
      LineItems.get({ 
       cartId: cartId 
      }).then(
       function(results) { 
        $scope.lineItems = results; 
       }, 
       function(error) {} 
      ) 
     }; 

     $scope.fetchLineItems(); 

     $scope.$on('scanner-started', function(event, args) { 
      console.log("alert"); 
      $scope.fetchLineItems(); 
     }); 
    } 
]); 

app.controller('LineItemController', ['$scope', '$rootScope', '$controller', 'LineItem', 
    function($scope, $rootScope, $controller, LineItem) { 
     $controller('LineItemsController', { 
      $scope: $scope 
     }); 

     $scope.addItem = function() { 
      new LineItem({ 
       itemId: window.Id 
      }).create().then(
       function(results) { 
        $scope.linkUpdated = true; 
        $rootScope.$broadcast('scanner-started'); 
       }, 
       function(error) { 
        $scope.errors = true; 
        $scope.linkUpdated = false; 
       } 
      ) 
     }; 
    } 
]); 

app.factory('LineItem', ['railsResourceFactory', 
    function(railsResourceFactory) { 
     return railsResourceFactory({ 
      url: '/items/{{itemId}}/line_items', 
      title: 'line_item' 
     }); 
    } 
]); 

app.factory('LineItems', ['railsResourceFactory', 
    function(railsResourceFactory) { 
     return railsResourceFactory({ 
      url: '/carts/{{cartId}}/line_items', 
      title: 'line_item' 
     }); 
    } 
]);

我的代码看起来像这样，我添加了$ broadcast和$ on，但它仅适用于我的show view，而不是index。

有没有像$ scope刷新或类似的东西，我可以给我的索引？

来源

2014-09-21 Kubik92

你可以箱子简单的服务

yourApp.factory('someService', function() { 
    var data = {}; 
    return { 
    getData: function() { 
     return data; 
    }, 
    setData: function(value) { 
     data = value; 
    } 
    }; 
});

然后在一个控制器组数据：

someService.setData($scope.yourValue);

，然后得到服务这个值：

someService.getData();

或函数中实现$wath ：

$scope.$watch(function() { 
    optimizerData.getData(); 
}, function(newValue) { 
    console.log(newValue); 
});

来源

2014-09-22 12:25:43 bmazurek

Angularjs通信控制器在不同的意见 - Rails

回答

相关问题