Споделяне на данни между AngularJS контролери?

Как да съхраня елементите, които съм избрал, в квадратче за отметка с други контролери?

Моят опит (вижте plnkr за изгледи):

script.js (контролери)

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

myApp.factory('CooSelection', function () {
  return {selectedCoo: []}
})

function CooListCtrl($scope, CooSelection) {
  $scope.coos = {"Coos": ["spark", "nark", "hark", "quark"]};

  $scope.coo_list_selection = CooSelection;

  $scope.checkSelection = function (item) {
    if ($scope.coo_list_selection.indexOf(item) === -1) {
      $scope.coo_list_selection.push(item);
    } else {
      $scope.coo_list_selection.splice($scope.coo_list_selection.lastIndexOf(item), 1);
    }
  }
}

CooListCtrl.$inject = ['$scope', 'CooSelection'];

function DebugCooList($scope, CooSelection) {
  $scope.coo_selection = CooSelection;
}

DebugCooList.$inject = ['$scope', 'CooSelection'];

javascript angularjs angularjs-directive angularjs-controller angularjs-scope
person Foo Stack    schedule 02.06.2013    source източник

Отговори (1)


arrow_upward
4
arrow_downward

Когато препращате към услугата CooSelection, вие очаквате масив, но фабриката връща обект. Вместо това можете да направите това:

myApp.factory('CooSelection', function () {
    return [];    // Return an array instead of an object.
})

Освен това във вашия DebugCooList контролер вашето свойство на обхват не съвпада с името на променливата, която проверявате в изгледа. Кодът на контролера присвоява coo_selection, но изгледът проверява coo_list_selection, така че ще трябва да промените единия, за да съответства на другия.

person Dan    schedule 02.06.2013