2

我希望能够在控制器中使用部分 URL，在这种情况下能够基于 URL 设置主体类，但我还想使用服务从基于 json 文件中获取其他信息那个网址。

如果我使用 console.log 来检查 $scope.pageDetail.id 中的内容以及for循环，我会得到正确的响应，但它会在for循环之外返回“未定义” 。一切都在页面重新加载时起作用，但当我使用页面的导航点击我的网址时，一切正常。

我的控制器：

oddproto.controller('UrlController', function($scope, $location, PageService){

  // Get page id from URL
  var pageId  = $location.path().replace("/", "");

  $scope.pageDetail = PageService.query(function(data) {
    // Get the correct page details from the dataset
    for (var i = 0; i < data.length; i++) {
      if (data[i].id === pageId) {
        $scope.pageDetail = data[i];
        break;
      }
    }
  });

})

我的服务

oddproto.factory('PageService', function($resource) {
  return $resource('includes/pages.json');
});

pages.json

[
  {
    "id": "blog",
    "name": "Blogg"
  },
  {
    "id": "cases",
    "name": "Projekt"
  },
  {
    "id": "contact",
    "name": "Kontakt"
  }
]

我也尝试过完全不使用该服务，即 

$scope.pageDetail = $location.path().replace("/", "");

但这也只适用于页面加载，所以在我看来 $location 是这里的问题。我不知道我还能用什么。

4

2 回答 2

4

您的控制器无法识别位置更改。初始化控制器时，它会设置页面 id，但更改后，您的控制器不会重新初始化。为此，您应该使用

scope.location=$location;
scope.$watch('location.path()', function(path) {
  $scope.pageDetail = ....
});

这将观察 location.path() 并且如果它发生变化，它会执行您的自定义魔法。

此外，我建议您将控制器设置为指令，因为它仅处理您的 body-tag 样式。

于 2013-05-15T08:04:23.687 回答
1

我使用 $routeChangeSuccess 让它工作了

  $scope.$on('$routeChangeSuccess', function() {
    $scope.pageId = $location.path().replace("/", "");
  })

关于 $location 使用 $watch 的角度可能存在问题

于 2013-05-15T17:48:18.550 回答