gpt4 book ai didi

javascript - 在 Angular js 中嵌套 ng-views

转载 作者:IT王子 更新时间:2023-10-29 03:05:29 25 4
gpt4 key购买 nike

我有两个不同的 Angular 应用程序。在集成到单个应用程序期间,我必须

嵌套 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>

我的应用 View 之一是 (view2.html)

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

现在这个应用程序内部又一次有了不同的 View 。

我试过了,但是页面没有加载。是否有可能嵌套 ng-views?

如果不可能,能否解释一下

提前致谢

最佳答案

更新的答案:

UI Router(现在位于此处:https://angular-ui.github.io/ui-router/site/#/api/ui.router)通常被认为是 AngularJS 中复杂路由的最佳解决方案。


原答案:

到目前为止,在 AngularJS 中,嵌套 View 本身是不可能的。在我的上一个应用程序中,我使用了来自此处的解决方案:http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm

允许我有效地嵌套 View (并完全跳过有限的 ng-view)

这样做之后,另一个(我相信更简单、更好)解决方案出现了:

http://angular-ui.github.com/ (向下滚动到“路线检查”)

检查一下!

关于javascript - 在 Angular js 中嵌套 ng-views,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15637350/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com