Javascript 将HTML包装到angularjs中的所有模板/部分,但不在index.HTML中,不在partial.HTML中

Javascript 将HTML包装到angularjs中的所有模板/部分,但不在index.HTML中,不在partial.HTML中,javascript,angularjs,Javascript,Angularjs,当前 index.html <body> <div id="container" > <div id="modal" > </div> <div class="wrapper mobileWrapper"> <!-- ui-view contains visible(window) of webpage --> <d

当前

index.html
<body>
    <div id="container" >
        <div id="modal" >
        </div>
        <div class="wrapper mobileWrapper">
            <!-- ui-view contains visible(window) of webpage -->
            <div ui-view=""></div>
        </div>
    </div>
</body>

header.html
<header>
    Header
</header>

footer.html
<footer>
    Header
</footer>

mainPage.html - partial/template
<div ng-include="'header.html'"></div>
<div> Current Page Contents </div>
<div ng-include="'footer.html'"></div>
有没有办法为所有视图包装一些html

不在index.html中不在main.html中(部分)

编辑2: 在我的国家喜欢

.state 'home',
.state 'about-us',
包装我在抽象状态下创建的html

 .state 'wrapper',
        abstract: true,
        templateUrl: 'app/views/main/wrapper.html'
然后,我将父状态(包装器)作为前缀添加到所有其他状态

.state 'wrapper.home',
.state 'wrapper.about-us',

有没有办法不创建父状态(包装器)

您的问题不清楚。。。请提供一些plnkr链接或澄清您的问题。我想将一些html包装到所有部分。这很容易通过添加html实现,但我的要求是,只保留ui view index.html。然后我需要在所有视图中包装html(冗余)。所以我为所有状态创建了一个抽象父状态。但这里的问题是我需要为所有状态加上父状态前缀。在这种情况下,你可以使用ui路由器。。。我只使用用户界面路由器。怎么做???
.state 'wrapper.home',
.state 'wrapper.about-us',