Javascript 为什么我的头部徽标在我的angular应用程序中出现两次？_Javascript_Html_Css_Angularjs

Javascript 为什么我的头部徽标在我的angular应用程序中出现两次？

javascript html css angularjs

Javascript 为什么我的头部徽标在我的angular应用程序中出现两次？,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,使用angular，我的index.html设置如下 <html><head>...</head> <body ng-app="someappname"> <header> <img src="images/hdr_logo.png" alt="..."> </header> <main>

使用angular，我的index.html设置如下

<html><head>...</head>
<body ng-app="someappname">

            <header>
                <img src="images/hdr_logo.png"  alt="...">
            </header>

            <main>

                <!-- this is where the active view will be placed -->
                <ui-view></ui-view>

            </main>

</body></html>

    $stateProvider

        .state('index', {
            templateUrl: 'index.html',
            controller: 'IndexController',
            abstract: true
        })

        .state('index.login', {
            url: '/login',
            templateUrl: 'partials/login.html',
            controller: 'LoginController',
        })

目前，我的login.html只有文本。。。看起来就是这样

This is my login page

但是，当我运行应用程序时，我看到我的标题徽标显示了两次。进一步调查后，我发现我的

实际上再次包含了整个index.html（以及文本）。因此，在ui视图中有index.html的另一个副本。“我的显示器”显示两次徽标，后跟文本“这是我的登录页”

为什么index.html包含在我的ui视图中，而不仅仅是部分视图？

经过大量的工作和麻烦，问题似乎与关键字

abstract

在我使用的版本中不起作用有关。因为，无论我添加还是删除

摘要

结果都是一样的。然而，在我升级了angular和ui路由器版本之后。。。一切正常

再加上我的一个！知道这一点，我可以睡得更好。哈哈：）@MatthewCawley非常感谢你，伙计。我很感激。