角度路由:只是为了改变一些变量

Angular Routing: Just to change some variables?

本文关键字：改变 变量 路由      更新时间：2023-09-26

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

如果您使用的是ui路由器，您可以使用$stateParams，或者如果您使用ng路由器，您也可以使用$routeParams。但是，您仍然需要将这些值附加到某个范围，以便将它们绑定到DOM。

Ex。使用参数定义您的路线

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

http://example.com/home/ex1

在您的控制器中，您可以注入$stateParams并访问该参数：

$scope.urlParam = $stateParams.param1;

然后您可以将urlParam绑定到DOM:

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

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

相关文章：