我有一个使用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>
答案 0 :(得分:0)
看一下https://stackoverflow.com/a/18562339/665868提供的答案,其实质上就是Vucko所暗示的内容。
在我上面提到的SO问题中,有许多不同的建议解决方案,你可以真正选择适合你的需求和复杂程度。