Angularjs保存变量$ routeProvider

时间:2017-12-05 11:16:33

标签: angularjs

有一种方法可以在$routeProvider内保存变量吗?

例如:当我到达某个页面时,我试图设置旁边的菜单。 这个想法是这样的:

$routeProvider.when('/', {
    title: 'Home',
    controller: 'Home',
    variable: 'active'
});

在HTML中:

<a href="/Home" class="{{$route.variable}}">

谢谢!

2 个答案:

答案 0 :(得分:0)

路线提供者

and

控制器

使用$routeProvider. when('/', { title: 'test.html', controller: 'Home', resolve: { setParams: function ($route) { $route.current.params.variable = 'active'; } } }) 依赖

$routeParams

<强> HTML

app.controller('HomeController', ['$scope', '$routeParams', function ($scope, $routeParams) {
     $scope.variable = $routeParams.variable;      
}

答案 1 :(得分:0)

您说您已经在路由对象中设置了静态属性。

您需要做的就是在HomeController中创建一个可以在html中访问的变量,即

android:inputType="textPassword"

所以HomeController现在看起来像:

$scope.route = $route;
//or
vm.route = $route;

并且HTML只会有一个小的变化,即

app.controller('HomeController', ['$scope', '$routeParams', function ($scope, $route) {
 $scope.route = $route;      
}

并完成了!