我有一个Angular.js应用程序紧跟默认的种子应用程序:
app.js
angular.module('wegush', ['wegush.filters', 'wegush.services', 'wegush.directives', 'wegush.controllers', 'wegush.models', 'notifierModule'])
.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/', { templateUrl: 'home', controller: 'HomeController' });
$routeProvider.when('/login', { templateUrl: 'login', controller: 'LoginController' });
$routeProvider.when('/register', { templateUrl: 'register', controller: 'RegisterController' });
$routeProvider.otherwise({redirectTo: '/'});
}])
的index.html
<ul class="menu">
<li><a href="#/">Home</a></li>
<li><a href="#/login">Login</a></li>
<li><a href="#/register">Register</a></li>
</ul>
<div ng-view></div>
在其中一项服务中,我使用$location
服务将用户重定向到指定页面:
$location.path('/');
然而,当我这样做时,它重新加载整个应用程序,而不是简单地在ng-view
内显示相关视图(就像我点击上面的一个菜单链接时那样)。
那么有什么技巧可以让$location
显示正确的视图但不重新加载页面?