angularjs - Angular ui-router 在 ui-view 中重新加载整个应用程序

Question

我正在尝试使用 ui-router 创建一个简单的应用程序。当我第一次加载页面或重新加载当前页面时，一切都很好。但是，当我单击不同的页面时，整个应用程序会在我的 ui-view 中重新加载，并且我会在日志中收到警告:“警告:多次尝试加载 Angular 。”。我正在使用 Express、Jade 和 Angular。

我有以下结构:

public
   app
      frontPage
         frontPage.jade
      institution
         institution.jade
   app.js
   index.jade
server
   server.js

服务器.js:

app.use(express.static(path.join(__dirname, '/public')));
app.get('/*', function (req, res) {
    res.sendfile('./public/app/index.html');
});

应用程序.js:

$locationProvider.html5Mode(true);
$stateProvider
    .state('frontPage', {
        url: '/app/frontPage/',
        templateUrl: 'frontPage.html'})

    .state('institution', {
        url: '/app/institution/',
        templateUrl: 'institution.html',
        controller: 'institutionCtrl'
    });
}); 

索引. Jade

#page-wrapper
    .row
        .col-lg-12
            <ui-view></ui-view>

frontPage.jade

block content
   h1 Page
   p Welcome

上面的结构与 ng-route 一起工作，所以我很困惑为什么当我切换到 ui-router 时它一直重新加载整个页面。

Answer 1

我用模板创建了一个循环。当我将它们更改为此时，它起作用了:

$locationProvider.html5Mode(true);
$stateProvider.state('frontPage', {
    url: '/',
    templateUrl:  'app/frontPage/frontPage.html'
})
    .state('institution', {
        url: '/institution',
        templateUrl:  'app/institution/institution.html',
        controller: 'institutionCtrl'
    });