controller.js에서 map.js로 데이터를 전달하는 방법은 무엇입니까?

Question

map.js에서 controller.js의 $scope.data.range 값을 사용하고 싶습니다.

이 내가 간단한 자바 스크립트 파일입니다 map.js이 $scope.data.range을 사용할 수 있습니다 어떻게 내 controller.js

angular.module('starter.controllers', []) 

.controller("LocController",function($scope,$rootScope){ 
    $scope.data.range=5000; 
}) 

입니다.

Answer 1

map.js에 Angular와 관련된 값이없는 경우 localStorage를 사용하여 범위를 유지할 수 있습니다. 컨트롤러에 따라서

, $localStorage를 주입하고, localStrorage의 변수를 설정 :

.controller("LocController", function($scope, $rootScope, $localStorage){ 
    $scope.data.range = 5000; 
    $localStorage.range = $scope.data.range; 
}) 

그리고 당신의 map.js에, localStorage.getItem('range');하여 로컬 스토리지를 얻을. Here MDN for Storage의 문서를 찾을 수 있습니다.

Answer 2

map.js는 동일한 angular.module ('starter.controllers', []) 아래에 있으며 세션을 원한다면 서비스 나 팩토리를 사용할 수 있습니다. 그렇지 않으면 localstorage 또는 세션 저장소를 사용할 수 있습니다.

Answer 3

Map.js가 어떻게 구성되어 있는지 모르기 때문에 완전한 솔루션을 제공 할 수 있는지 확신 할 수 없지만 map.js에 함수 (예 : setDataRange(dataRange);)를 추가하고 컨트롤러에서 액세스 할 수 있습니다. 또는 일반적으로 컨트롤러에서 원하는 모든 것을 액세스하고 업데이트하십시오 (controller.js 앞에 map.js 스크립트가 포함되어있는 경우). 예 : $scope.map = new Map(); $scope.map.range = .... 등 희망이 도움이! (언급 한대로 localstorage도 좋은 해결책이 될 수 있지만, 당신이하고 싶은 일에 달려있다.)