当前位置: 首页 > 面试题库 >

在Angular JS中嵌套ng-views

赫连琦
2023-03-14
问题内容

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

嵌套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文件中,我有一个元素,它根据用户选择的路线进行更新。到目前为止,一切顺利。 现在这些屏幕中的一些有子导航。例如,确实有一个收件箱和一个已发送的文件夹。它们有两列:左边是子导航,右边是相应文件夹的邮件。 当您导航到时,它会将您重定向到,因此基本上收件箱是邮件的默认子视图。 我该怎么设置呢? 我目前能想到的唯