javascript - Angular 路由: Just to change some variables?

Question

我想在我的 Angular 应用程序中使用路由，但我不想使用任何辅助 Controller 或模板。有没有一种方法可以使用路由作为简单的触发器来更改变量(进而显示不同的 UI 元素)？

Answer 1

如果您使用 ui-router，则可以使用 $stateParams；如果您使用 ng-router，则可以使用 $routeParams。但是，您仍然需要将这些值附加到某个范围，以便将它们绑定(bind)到 DOM。

例如。使用参数定义您的路线

.state('home', {
    url:/home/{param1}, 
    controller: SomeCtrl
}

http://example.com/home/ex1

在您的 Controller 中，您可以注入(inject) $stateParams 并访问该参数:

$scope.urlParam = $stateParams.param1;

然后你可以将 urlParam 绑定(bind)到 DOM:

<div>{{urlParam}}</div> 

上面的例子是使用 ui-router 的，如果你使用 ng-router，它非常相似，但你可能想看看文档的语法等。