2015-01-31 39 views
0

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

是否可以使'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> 

回答

相关问题