Angularjs 使用Angular ui router时出现在ui视图中的Html头标记

所以我使用的是angular ui路由器，而不是默认的angular路由器

由于某些原因，我的ui视图被复制，并在页面主体中输出标记内容

(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));

（功能（窗口）{
var angular=window.angular；
角度.module（'mean'，['ui.router'，'mean.auth']））
.config（['$stateProvider'，'$urlRouterProvider'，函数（$stateProvider，$urlRouterProvider）{
$urlRouterProvider。否则（'/home'）；
$stateProvider
.州（“平均值”{
摘要：没错，
观点：{
导航栏：{
templateUrl:'views/main/views/navbar.html'，
控制器：“navCtrl”
},
'': {
templateUrl:“”
},
页脚：{
templateUrl:'views/main/views/footer.html'，
控制器：“footCtrl”
}
}
})
.州（'平均家庭'{
url:“/home”，
templateUrl:'views/main/views/home.html'，
控制器：“homeCtrl”
})
.state（'mean.login'{
url:“/login”，
templateUrl:'views/auth/views/login.html'，
控制器：“loginCtrl”
})
.state（'平均值寄存器'{
url:“/register”，
templateUrl:'views/auth/views/register.html'，
控制器：'registerCtrl'
})
}])
}（窗口）；

---

这方面的代码位于my github，请帮助

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

---

根据您的存储库，您正在“mean”状态中添加一个视图，其中包含一个指向index.html本身的templateUrl：这可能是一个问题，这就是您在DOM中看到重复html标记的原因。

好的，我发现了这个问题，原因是我不小心放置了templateUrl:。出于某种原因，它不会抛出错误，而只是渲染一个头部内容位于body标记内的视图。使用模板的修复是显而易见的：但我仍然觉得无论何时从templateUrl呈现常规html，都应该抛出一个错误

对不起，我尝试了尽可能多的方法来尝试纠正这个问题，但无论什么问题仍然存在。好的，我发现了这个问题，原因是我不小心放了templateUrl:。出于某种原因，它不抛出错误，而是只渲染一个包含body标记内部头部内容的视图。修复方法很明显，使用template：但我仍然觉得无论何时从templateUrl呈现常规html，都应该抛出一个错误