UI-Router中的Angular transclude / replace等效项

时间:2015-07-08 12:06:07

标签: javascript angularjs angularjs-scope angular-ui-router

我刚开始使用角度ui-router

我想知道,当我指定templateUrl时,我可以看到模板被注入ui-view的元素中,例如:

<div ui-view="myState"></div>

.state('myState', {
        url: '/myState',
        templateUrl: 'partials/my-state.html'      
    })

结果:

<div ui-view="myState">
    <section class"ex1 exa">
        <p>Lorem ipsum lorem ipsum</p>
        <p>Lorem ipsum lorem ipsum</p>
        <p>Lorem ipsum lorem ipsum</p>
        <p>Lorem ipsum lorem ipsum</p>
        <p>Lorem ipsum lorem ipsum</p>
        <p>Lorem ipsum lorem ipsum</p>
        <p>Lorem ipsum lorem ipsum</p>
    </section>
</div>

当我追求的是:

    <section class"ex1 exa">
        <p>Lorem ipsum lorem ipsum</p>
        <p>Lorem ipsum lorem ipsum</p>
        <p>Lorem ipsum lorem ipsum</p>
        <p>Lorem ipsum lorem ipsum</p>
        <p>Lorem ipsum lorem ipsum</p>
        <p>Lorem ipsum lorem ipsum</p>
        <p>Lorem ipsum lorem ipsum</p>
    </section>

基本上<div ui-view="myState">已被替换。

我知道在指令中你可以使用transclude和replace,ui-router是否具有这样的能力?

0 个答案:

没有答案