在Angular JS中嵌套ng-views

一尘不染

在Angular JS中嵌套ng-views

angularjs

我有两个不同的应用程序。在集成到单个应用程序期间，我不得不

嵌套ng-views。

对于示例（index.html）是

<!doctype html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8">
<title>My AngularJS App</title>
<link rel="stylesheet" href="css/app.css"/>
</head>
<body>
<ul class="menu">
<li><a href="#/view1">view1</a></li>
<li><a href="#/view2">view2</a></li>
</ul>

<div ng-view></div>

<div>Angular seed app: v<span app-version></span></div>

<script src="lib/angular/angular.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
</body>
</html>

我的应用程序视图之一是（view2.html）

<div class="ng-view"></div>
<p>This is the partial for view 1.</p>
{{ 'Current version is v%VERSION%.' | interpolate }}

现在，此应用程序内部再次具有不同的视图。

我试过了，但是页面没有加载。有可能嵌套ng-views吗？

如果不可能，可以解释一下

提前致谢

阅读 203

2020-07-04

共1个答案

一尘不染

更新的答案：

UI路由器（现在位于此处：https : //angular-ui.github.io/ui-
router/site/#/api/ui.router）通常被视为AngularJS中复杂路由的最佳解决方案。

原始答案：

到目前为止，在AngularJS中无法在本地嵌套视图。在我的上一个应用程序中，我使用了从此处派生的解决方案：http :
//www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-
And-Client-Side-Events.htm

让我有效地嵌套视图（并完全跳过有限的ng-view）

这样做之后，出现了另一个（更简单，更好，我相信）解决方案：

http://angular-ui.github.com/（向下滚动到“路由检查”）

看看这个！

2020-07-04