我有两个不同的应用程序。在集成到单个应用程序期间,我不得不
嵌套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吗?
如果不可能,可以解释一下
提前致谢
更新的答案:
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/(向下滚动到“路由检查”)
看看这个!
问题内容: 我需要第二个$ index用于嵌套的ng-repeat循环。我应该在哪里放? AngularJS网站说 可以使用ngInit为这些属性创建别名。例如,在嵌套ngRepeats时,这可能很有用。 如果我再次使用$ index,它似乎可以工作,但是我不确定这是否正确?我敢肯定有一种简单而正确的方法,我只是找不到一个例子。 谢谢 问题答案: 将引用最内层作用域的索引,因此,如果您需要它,则可
问题内容: 我有一些虚拟XML文件: 使用此库http://code.google.com/p/x2js/将其转换为json,并转换为变量 Day可以具有任意数量的Job,Job可以嵌套并且包含任意数量的其他Job。 现在使用此代码 我可以列出有效的日期。我希望使用以下代码 我可以列出当天的工作日和最高职位,但这是行不通的。(要列出嵌套的Jobs,将是下一个任务,而不是现在询问该任务)。 那么,如
问题内容: 查看实时代码: 角JS 到底如何正确遍历嵌套键值对并正确输出,如下所示? 我要的是一棵像这样的树 当前视图是: JS: HTML: 问题答案: 您非常接近,我更新了小提琴。http://jsfiddle.net/y9wj6/9/
问题内容: 我有一个带有各种 屏幕 的应用程序。每个屏幕都分配一个URL,如,,,等。 在我的主要HTML文件中,我有一个根据用户选择的路线进行更新的元素。到目前为止,一切都很好。 现在,其中一些屏幕具有子导航。例如,确实有一个收件箱和一个已发送的文件夹。他们用两列显示自己:左侧的子导航,右侧的相应文件夹的邮件。 当您导航到时,它将重定向到,因此 收件箱 基本上是 邮件 的默认子视图。 我该如何设
问题内容: 我需要在AngularJS 1.0.7中使用参数运行函数 “ searchBoats(boatType)” 。此参数是另一个函数 parseBoatType 的结果,该函数 正在运行使用$ resource调用API的服务 。当带有诺言的资源中返回boatType时,如何运行searchBoats? 这是我尝试的: 问题答案: 您可以从函数中的资源返回资源,并使用Promise来解决延
我有一个具有各种屏幕的应用程序。每个屏幕都分配了一个URL,例如,,,等等。 在我的主HTML文件中,我有一个元素,它根据用户选择的路线进行更新。到目前为止,一切顺利。 现在这些屏幕中的一些有子导航。例如,确实有一个收件箱和一个已发送的文件夹。它们有两列:左边是子导航,右边是相应文件夹的邮件。 当您导航到时,它会将您重定向到,因此基本上收件箱是邮件的默认子视图。 我该怎么设置呢? 我目前能想到的唯