AngularJS：如何在与模态相同的页面内显示新视图？

时间：2014-09-04 09:44:18

标签： angularjs

我对AngularJS很新。 看起来AngularJS可以使用ng-view处理多视图应用程序。

我的问题是：如何保持同一页面，但将ng-view显示为内联模式框？！

（看起来ng-view完全取代原始视图）

enter image description here 网站的结构是

<div id="mainContainer">
   <div id="loginBoxModule"></div>
   <div id="usersBoxModule"></div>
</div>

2 个答案:

答案 0 :(得分：0)

你应该结帐Ui.Router - ＆gt; https://github.com/angular-ui/ui-router

它的基本功能如下。

您创建了一个要加载的部分，在index.html中可以输入类似的内容：

<body>
    <a ui-sref="list">Show List</a>

    <div ui-view></div>
</body>

单击链接时，部分list.html将加载到ui-view中。所以它只会重新加载ui-view而不是整个页面。

答案 1 :(得分：0)

尝试使用ng-include而不是ng-view。 ng-view有一个非常具体的行为，因为它几乎没有像迈克提到的那样链接到ui-router。 使用ng-include，您可以在页面顶部有一组选项卡，当您单击选项卡时，您只需加载另一个模板（例如，该div上有1个父div和1 ng-controller）。

不确定你的真实用例是什么。

相关问题
最新问题