Question

所以我使用angular-ui-router而不是默认的角度路由器

由于某些原因，我的ui-view被复制并在我的页面正文中输出标签内容

(function(window){
var angular = window.angular;
angular.module('mean', ['ui.router', 'mean.auth'])
.config(['$stateProvider','$urlRouterProvider', function($stateProvider,$urlRouterProvider){
    $urlRouterProvider.otherwise('/home');
    $stateProvider
        .state('mean', {
            abstract: true,
            views: {
                navbar: {
                    templateUrl: 'views/main/views/navbar.html',
                    controller: 'navCtrl'
                },
                '': {
                    templateUrl: '<ui-view/>'
                },
                footer: {
                    templateUrl: 'views/main/views/footer.html',
                    controller: 'footCtrl'
                }
            }
        })
        .state('mean.home', {
            url: '/home',
            templateUrl: 'views/main/views/home.html',
            controller: 'homeCtrl'
        })
        .state('mean.login', {
            url: '/login',
            templateUrl: 'views/auth/views/login.html',
            controller: 'loginCtrl'
        })
        .state('mean.register', {
            url: '/register',
            templateUrl: 'views/auth/views/register.html',
            controller: 'registerCtrl'
        })
}])
}(window));

此代码在我的github https://github.com/sceptre12/MeanTraining请帮助

Answer 1

此代码与您的存储库之间存在一些差距。

根据您的存储库，您在“平均值”中添加了一个视图＆＃39; state，带有指向index.html本身的templateUrl：这可能是一个问题，这就是为什么你在DOM中看到重复的html标签的原因。

Answer 2

好的，我发现了问题，原因是因为我不小心把模板放到了：。出于某种原因而不是抛出错误，它只是渲染一个头部内容在body标签内的视图。修复是显而易见的，使用模板：但是我仍然觉得每当从templateUrl渲染出常规html时都会抛出错误

使用Angular-ui-router时，在ui-views中出现的Html头标签

2 个答案: