问题标签 [ng-view]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
6286 浏览

angularjs - 如何在 ng-include 中嵌套 ng-view?

尝试在ng-view内部添加ng-include时,没有任何反应。例如,在下面的代码中,当theme/midnight/index.html包含时ng-view,不会呈现视图:

但是,如果我使用下面的代码,视图会显示两次:

有什么问题,我该如何解决?

0 投票
6 回答
147960 浏览

angularjs - AngularJS - 单个模板中的多个 ng-view

我正在使用 AngularJS 构建一个动态 Web 应用程序。ng-view一个模板可以有多个吗?

0 投票
2 回答
1508 浏览

angularjs - 会话用户名未显示在 angularjs ngView 模板内,但在 ngView 之外显示

因此,我可以在成功的重定向中通过 mongoose passport-local 显示用户名:

...然后使用它在 profile.html 中显示:

...但是当尝试在我的 ng-view 中显示相同的内容时:

...通过我的路线 example.html 模板:

..它显示为:不是正确的用户名...

是否不可能在 ngView 中包含这些信息?是否有解决方案将此信息包含在我的模板中?我试图用 $http 建立一个工厂:

...但它返回了整个 html,所以不是正确的解决方案。

任何指导都将一如既往地受到欢迎和赞赏,因此提前致谢!

编辑回应: 获取价值并路由它并不是真正的问题。问题只是让它在 ngView 中正确显示。

这是我更新的代码:

...和...

...从以下位置返回:

这给了我相同且正确的用户名,但是我该怎么称呼它才能让它显示在 ngView 中?如果放置在实际的 ngView div 之外,它会显示得很好。

从上面的 {{username}} {{rules.username}} = 没有。ngView 模板中的服务参数的名称应该是什么(我假设它是一个全新的 $scope)?

0 投票
1 回答
341 浏览

html - 部分页面中的 href 与 angularJS 路由冲突($rotueprovider)

角度版本:最新--1.2

我正在ng-view基于加载视图$routeprovider,我正在开发应用程序,所以现在我只是在浏览器中提供 URL 并加载相应的 VIEW。

问题是我在部分页面中有链接,它应该让我滚动到特定的 div,并且链接是使用ng-repeat.

代码:

所以当我点击上面生成的链接时,URL 被替换为链接。

示例:

是加载 VIEW 的 URL,但它的替换如下:

相反,我想要这样的东西

注意:我尝试使用$anchorscroll,但只有在我给字符串文字 in时它才能工作scrollTO('foo')...,如果我给scrollTo({{foo}})..它不工作

现在我没有使用任何后端,只是在 localhost 中开发 UI。我看到了一些关于 HTML5 模式的信息,但不明白如何使用。

我也计划NodeJS在未来使用和表达。

结论所以问题是内部页面链接与 angularJS 路由冲突,不仅是我上面提到的情况,而且在使用 Twitter Bootstrap 选项卡时,URL 也被替换了。

0 投票
0 回答
10139 浏览

javascript - 如何在 AngularJS 中使用“data-ng-view” [最佳实践]

这是我的 index.html

这是我的 app.js

这是我的 book.html

当你运行应用程序时,什么都没有显示。如何调试这个?可能有什么问题?我什至支持 ng-view,但 VS Studio 说“属性必须后跟 = 符号”......但是我必须使用 = 符号来分配什么?

这是例外

未捕获的错误:[$injector:modulerr] 无法实例化模块 BookApp,原因是:错误:[$injector:unpr] 未知提供者:$routeProvider

我通过添加 ngRoute 进行了以下更改

问题已解决,但最佳做法是什么?

0 投票
1 回答
1936 浏览

angularjs - 如何在angularjs ng-view中隐藏索引页面的内容

我正在尝试查找在 angularJs 中访问部分(视图)时是否可以隐藏父文件内容。这是我的问题:
我的父页面(索引页面)包含菜单栏、页脚和其他一些内容,这些内容将显示在我产品的所有页面中。我在内容和页脚之间包含了 ng-view。现在,在特定页面中,我不想显示此菜单栏页脚。我只需要显示部分中存在的特定内容。所以,我需要隐藏菜单栏、页脚和所有其他来自父范围的东西。可以用angularJS来做吗?

提前致谢!

0 投票
1 回答
931 浏览

javascript - CSS 样式不为 IE8 中的 Angular 视图呈现

我有一个 Angular 应用程序,除了在 IE8 中运行良好。本质上,外部样式表中的样式不会对在我的视图中呈现的代码生效。我遵循了 Angular IE 指南。这是我的 html 元素上的代码:

我稍后会渲染一个 IE 特定的样式表,否则我会使用数据绑定来渲染一个特定于 URL 的样式表

稍后在我的 html 正文中,我有一个带有 ng-view 属性的 div

如果我在模板中删除带有 ng-view 和硬编码的 div,我的样式就会生效。否则,我的样式似乎会在模板呈现之前应用于页面。

另外,请注意,如果我在 IE 特定样式表上使用 ng-href 属性,则 IE 根本不会加载它。

0 投票
1 回答
1038 浏览

javascript - AngularJS中发生路由更改时如何设置ngclass更改?

.container当路线改变时,我试图在我的主类上添加一个类。

我目前的简单解决方案涉及ng-click每个主菜单网址(页面上没有其他网址):

然后在我的html中:

只要我需要添加更多网址,这似乎就可以了,问题是当用户不点击任何链接并直接访问他没有获得主类的网址时。

有一个更好的方法吗?

0 投票
0 回答
112 浏览

angularjs - 我是否需要取消绑定在 ng-view 控制器中设置的手表?

如果我通过 routing/ 加载了各种控制器ng-view并且其中一些控制器设置了手表,我是否负责在每次路由更改期间取消注册这些手表?还是 Angular 已经通过正常的控制器生命周期为我解决了这个问题?

$scope.$on("$destroy", function() { … })无论如何,除了取消计时器之外,还有什么常见的原因可以设置?

0 投票
3 回答
123 浏览

angularjs - 我们需要多个控制器来实现 angularjs 中的路由吗?

我有可能无法正确解释我的问题。让我试试。

我正在使用 Angular 开发单页应用程序。这个应用程序基本上显示了在线小说系列的剧集。有一个导航栏,其中包含查询菜单(例如,最新剧集、特定日期的剧集、具有特定标签的剧集等)。对于这些查询中的每一个,我都想要一个单独的 url。

/latest- 应该显示最新一集

/tag/:tagname- 应该返回带有该标签的所有剧集。

对于所有这些查询,结果视图是相同的(剧集列表)。所以我将对所有路线使用相同的部分。

我的问题是,我真的应该为每个查询创建一个新控制器吗?像LatestEpisodeController,,TagController

无论如何我可以使用 url 来确定用户想要什么并从同一个控制器中运行该查询?