angular - 反映将哪个模板加载到视图的元素

时间:2015-01-31 19:26:02

标签: angularjs href ngroute

我有一个使用ngRoute的简单应用程序:它有一个视图,根据URL加载不同的模板(#/ 1 =>第一个模板;#/ 2 =>第二个模板)。我添加了'a'元素来在这些模板之间切换。

是否可以使'a'元素反映所选模板? (例如,根据当前网址改变他们的班级。)

<html ng-app="app">
    <a href='#/1'>one</a>
    <a href='#/2'>two</a>
    <div ng-view />
</html>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular-route.min.js"></script>
<script>
var app = angular.module('app', ['ngRoute']);
app.config(function($routeProvider) {
    $routeProvider.when('/1', {template: 'first template'});
    $routeProvider.when('/2', {template: 'second template'});
    $routeProvider.otherwise({redirectTo: '/1'});
});
</script>

1 个答案:

答案 0 :(得分:0)

看一下https://stackoverflow.com/a/18562339/665868提供的答案,其实质上就是Vucko所暗示的内容。

在我上面提到的SO问题中,有许多不同的建议解决方案,你可以真正选择适合你的需求和复杂程度。