如何使第一个和第二个视图同时可见?

时间:2015-08-28 22:45:12

标签: angularjs angular-ui-router

我需要两个views,它们将彼此独立显示。但当我点击另一个被删除。我不需要孩子state,而是像兄弟姐妹一样。甚至可能吗?

请帮忙。这是我的Plnkr

<body ng-app="SiblingViews">
    <h1>Hello Plunker!</h1>
    <div>
      <a ui-sref="view1">View_1</a>
      <a ui-sref="view2">View_2</a>
    </div>
    <div ui-view="first"></div>
    <div ui-view="second"></div>
</body>

$stateProvider
        .state('view1', {
            url: '/view-1',
            views: {
                'first': {
                    templateUrl: 'first.html'
                }
            }
        })
        .state('view2', {
            url: '/view-2',
            views: {
                'second': {
                    templateUrl: 'second.html'
                }
            }
        });

0 个答案:

没有答案