AngularJS:如何在与modal相同的页面中显示新视图?

AngularJS:如何在与modal相同的页面中显示新视图?,angularjs,Angularjs,我对AngularJS很陌生。 看起来AngularJS可以使用ng view处理多视图应用程序 我的问题是:如何保持在同一页面上,但使ng视图显示为内联模式框 (看起来ng视图完全替换了原始视图) 该网站的结构是 <div id="mainContainer"> <div id="loginBoxModule"></div> <div id="usersBoxModule"></div> </div> 您应

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

我的问题是:如何保持在同一页面上,但使ng视图显示为内联模式框

(看起来ng视图完全替换了原始视图)

该网站的结构是

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

您应该签出Ui.Router->

它的基本功能如下

您可以创建一个要加载的分部,并在index.html中放置如下内容:

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

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

显示列表

单击链接时,partial list.html将加载到ui视图中。因此,它将只重新加载ui视图,而不是整个页面。

尝试使用ng include而不是ng视图。ng视图有一个非常特殊的行为,因为它几乎没有像Mike提到的那样链接到ui路由器。 使用ng include,您可以在页面顶部有一组选项卡,当您单击选项卡时,您只需加载另一个模板(例如,该模板在该div上有一个父div和一个ng控制器)


但不确定您的实际用例是什么。

checkout Angular UI项目:这不是
ng view
的正常用例,因为
ng view
被设计为应用程序的主体,只有导航和chrome(通常)是它之外的东西,等等。你会让你的整个网站在模式窗口内运行,而不是在模式窗口外运行吗?好的:我猜你会使用路由和部分路由。但是为什么不使用ng视图呢?嗯,我忘了为什么,它们基本上是一样的,但是ui视图为我做了一些ng视图不能做的事情。。