angular - 反映加载到视图中的模板的元素答案

【问题标题】：angular - element to reflect which template is loaded to a viewangular - 反映加载到视图中的模板的元素
【发布时间】：2015-02-01 03:48:00
【问题描述】：

我有一个使用 ngRoute 的简单应用程序：它有一个根据 URL 加载不同模板的视图（#/1 => 第一个模板；#/2 => 第二个模板）。我添加了“a”元素来在这些模板之间切换。

是否可以使“a”元素反映所选模板？（例如，根据当前 url 更改他们的类）。

<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>

【问题讨论】：

标签： angularjs href ngroute

【解决方案1】：

看看https://stackoverflow.com/a/18562339/665868 提供的答案，这基本上就是Vucko 所建议的。

在我上面链接的 SO 问题中，有许多不同的建议解决方案，您可以真正选择适合您需要和复杂程度的解决方案。

【讨论】：