javascript - 谷歌地图的 AngularJS 路由

Question

我无法让我的第二个 View 显示在我的应用程序中。该应用程序应该做的是列出位置，当您单击一个位置时，它应该路由到嵌入了 Google map 的不同 View 并搜索该位置的坐标。我设置了一个 plunker 为 我的项目。我相信我的问题出在定义我的 Controller /模块的某个地方。我会在这里发布我的代码，但是有多个类可能会让人感到困惑。谁能帮忙？

演示:http://plnkr.co/edit/OZZRgiEcrLzreW3lrc5v?p=preview

Answer 1

这应该能进一步帮助您:http://plnkr.co/edit/IEj0HAolgmUVrCghMtgN

除其他外，您的路由配置不正确

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

这会设置您的默认 View ，它被放入 <div ng-view> , 到 index.html，其中包含 <div ng-view> .类似于无限循环。

我将 View 分成两部分:一个 search.html 和一个 map.html，并将路由更新为如下所示:

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

此外，您的 map 数据未发送到 mapController。请参阅 plunkr 以获取解决方案。您现在唯一需要做的就是发送位置而不是名称。

我稍微清理了您的代码并提供了一些有关路由如何工作以及如何改进模块定义的信息。

当我开始使用 AngularJS 时，这对我很有帮助。它也可能对您有帮助:https://docs.angularjs.org/tutorial/