AngularJS - 基于 URL 更新模型

Question

这基本上是这个问题的后续问题：AngularJS - How to use $routeParams in generating the templateUrl?。有关此问题的正确上下文，请参见我的代码。

所有导航部分都运行良好，但现在当我导航时，我想根据primaryNav 和secondaryNav 更新我的$scope 中的一些属性。我以为我可以用$watch 做点什么，但我似乎什么也做不了。以下是我尝试过的一些事情：

$scope.$watch($location.path(), function() {...}); //result in js error
$scope.$watch($location, function() {...}); //function runs once on page load, but not after that
$scope.$watch($window.location, function() {...}); //function runs once on page load, but not after that
$scope.$watch(window.location, function() {...}); //function runs once on page load, but not after that
$scope.$watch(window.location.href, function() {...}); //results in js error

我可能会在我的控制器中创建一些方法来获取这些导航并更新所有内容并导航，然后将ng-click 添加到所有锚标记。然而，我真正喜欢 AngularJS 的一件事是为 href 使用真正的 URL 外观值（例如 <a href="#/priNav/secNav">Foo</a>）。当我在不通过控制器上的某些方法进行路由时，是否无法根据不断变化的 URL 更新我的模型？我希望我的问题是有道理的。

Answer 1

 $scope.$watch(function() {
    return $location.path();
 }, function(){
    ...
 });

你应该传递一个可以在作用域内计算的函数或字符串