我有一个非常接近默认种子应用程序的 Angular.js 应用程序:
应用程序.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: '/'});
}])
索引.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
显示正确的视图但不重新加载页面?