Как передать данные в контроллере Угловой JS?

Question

У меня есть два контроллера:

<div ng-controller="Main"> 
    <div ng-controller="Map"></div> 
</div> 

В контроллере Main У меня есть переменная $scope.mapCoord; Как я могу передать эту переменную в контроллере Map?

Answer 1

Используйте сервис. Например:

var app = angular.module('myApp', []) 
app.service('sharedProperties', function() { 
    var mapCoord= 'Test'; 

    return { 
     getProperty: function() { 
      return mapCoord; 
     }, 
     setProperty: function(value) { 
      mapCoord= value; 
     } 
    }; 
}); 

Внутри вашего главного контроллера

app.controller('Main', function($scope, sharedProperties) { 
    $scope.mapCoord= sharedProperties.setProperty("Main"); 
}); 

Внутри контроллера Карта

app.controller('Map', function($scope, sharedProperties) { 
    $scope.mapCoord= sharedProperties.getProperty(); 
}); 

Вот скрипку для вас. JSFiddle

Answer 2

Вы можете использовать события, чтобы передать его между контроллерами с использованием по $broadcast, $emit и $on

Working with $scope.$emit and $scope.$on

http://mariuszprzydatek.com/2013/12/28/sharing-data-between-controllers-in-angularjs-pubsub-event-bus-example/

Answer 3

В контроллере «Карта», установите «Main» возможности для текущей области, например, как показано ниже:

app.controller('Map', ['$scope','$controller',function($scope, $controller) { 

    $controller('Main', { 
     $scope : $scope 
    }); 
}]); 

После этого вы можете получить доступ ко всему объему главного контроллера от своего контроллера сына:

app.controller('Map', ['$scope','$controller',function($scope, $controller) { 

    $controller('Main', { 
     $scope : $scope 
    }); 

    var coord = $scope.mapCoord; 
}]);