Google지도의 AngularJS 라우팅

내 앱에 두 번째보기가 표시되는 데 문제가 있습니다. 앱이해야 할 일은 위치를 클릭하면 Google지도가 포함 된 다른보기로 경로를 지정하고 해당 위치의 좌표를 검색하는 위치를 나열하는 것입니다. 필자는 plunkerfor 프로젝트를 설정했다. 내 문제는 내 컨트롤러/모듈을 정의하는 어딘가에 있다고 생각합니다. 여기에 코드를 게시 하겠지만 혼란 스러울 수있는 여러 클래스가 있습니다. 누구든지 도와 줄 수 있습니까?Google지도의 AngularJS 라우팅

데모 : http://plnkr.co/edit/OZZRgiEcrLzreW3lrc5v?p=preview

출처

2014-07-18 Ian Pennebaker

마지막 질문의 반복입니까? – lucuma

나는 더 구체적 이도록 노력했다. –

당신은 멍청이에 대해 많은 논점을 가지고 있습니다. 나는 새로운 것을 설치하고, 모든 js를 하나의 파일에 넣고, 조각을 얻을 때까지 여러 개의 모듈을 만들지 말 것을 제안한다. 또한 각도 앱과 간단한 라우팅을 설정하는 방법을 이해할 때까지 Google지도를 잊어 버리십시오. 그런 다음 질문을 게시하십시오. – lucuma

이 추가로 도움이 될 것입니다 무엇보다도 http://plnkr.co/edit/IEj0HAolgmUVrCghMtgN

, 라우팅 구성이이 <div ng-view>에 넣고 기본보기를 설정

$routeProvider 
     .when("/index", { 
     templateUrl:"index.html", 
     controller: "firstCtrl"}) 
     .when("/map", { 
     templateurl:"map.html", 
     controller: "MapController"}) 
     .otherwise("/index");

잘못 , indexhtml에 은이고 <div ng-view>입니다. 무한 루프와 같은 것.

나는 두 가지의 뷰 분할 한하십시오 search.html에와 map.html과 같이 할 수있는 라우팅 업데이트 :

또한

$routeProvider 
     .when("/search", { 
     templateUrl: "search.html", 
     controller: "searchController" 
     }) 
     .when("/map/:locationName", { 
     templateUrl: "map.html", 
     controller: "mapController" 
     }) 
     .otherwise({ 
     redirectTo: '/search' 
     });

,지도 데이터가 전송되지 않았습니다를 mapController. 솔루션에 대해서는 plunkr을 참조하십시오. 지금해야 할 일은 이름 대신 위치를 보내는 것입니다.

코드를 약간 정리하고 라우팅 작동 방식 및 모듈 정의를 개선하는 방법에 대한 정보를 제공했습니다.

이것은 AngularJS로 작업을 시작했을 때 매우 유용했습니다. 도움이 될 수도 있습니다. https://docs.angularjs.org/tutorial/

출처

2014-07-18 17:37:45

감사합니다. 이것은 많은 도움이되었습니다. 그래도 한 가지 더 질문이 있습니다. 왜지도가 지금로드되지 않는지 아십니까? –

일부 디버깅을 통해 확인할 수 있습니다. 행운을 빈다. –

Google지도의 AngularJS 라우팅

답변

관련 문제