3

我有一个非常接近默认种子应用程序的 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显示正确的视图但不重新加载页面？

4

0 回答 0