问题标签 [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.
angularjs - 如何在 ng-include 中嵌套 ng-view?
尝试在ng-view
内部添加ng-include
时,没有任何反应。例如,在下面的代码中,当theme/midnight/index.html包含时ng-view
,不会呈现视图:
但是,如果我使用下面的代码,视图会显示两次:
有什么问题,我该如何解决?
angularjs - AngularJS - 单个模板中的多个 ng-view
我正在使用 AngularJS 构建一个动态 Web 应用程序。ng-view
一个模板可以有多个吗?
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)?
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 也被替换了。
javascript - 如何在 AngularJS 中使用“data-ng-view” [最佳实践]
这是我的 index.html
这是我的 app.js
这是我的 book.html
当你运行应用程序时,什么都没有显示。如何调试这个?可能有什么问题?我什至支持 ng-view,但 VS Studio 说“属性必须后跟 = 符号”......但是我必须使用 = 符号来分配什么?
这是例外
未捕获的错误:[$injector:modulerr] 无法实例化模块 BookApp,原因是:错误:[$injector:unpr] 未知提供者:$routeProvider
我通过添加 ngRoute 进行了以下更改
问题已解决,但最佳做法是什么?
angularjs - 如何在angularjs ng-view中隐藏索引页面的内容
我正在尝试查找在 angularJs 中访问部分(视图)时是否可以隐藏父文件内容。这是我的问题:
我的父页面(索引页面)包含菜单栏、页脚和其他一些内容,这些内容将显示在我产品的所有页面中。我在内容和页脚之间包含了 ng-view。现在,在特定页面中,我不想显示此菜单栏页脚。我只需要显示部分中存在的特定内容。所以,我需要隐藏菜单栏、页脚和所有其他来自父范围的东西。可以用angularJS来做吗?
提前致谢!
javascript - CSS 样式不为 IE8 中的 Angular 视图呈现
我有一个 Angular 应用程序,除了在 IE8 中运行良好。本质上,外部样式表中的样式不会对在我的视图中呈现的代码生效。我遵循了 Angular IE 指南。这是我的 html 元素上的代码:
我稍后会渲染一个 IE 特定的样式表,否则我会使用数据绑定来渲染一个特定于 URL 的样式表
稍后在我的 html 正文中,我有一个带有 ng-view 属性的 div
如果我在模板中删除带有 ng-view 和硬编码的 div,我的样式就会生效。否则,我的样式似乎会在模板呈现之前应用于页面。
另外,请注意,如果我在 IE 特定样式表上使用 ng-href 属性,则 IE 根本不会加载它。
javascript - AngularJS中发生路由更改时如何设置ngclass更改?
.container
当路线改变时,我试图在我的主类上添加一个类。
我目前的简单解决方案涉及ng-click
每个主菜单网址(页面上没有其他网址):
然后在我的html中:
只要我需要添加更多网址,这似乎就可以了,问题是当用户不点击任何链接并直接访问他没有获得主类的网址时。
有一个更好的方法吗?
angularjs - 我是否需要取消绑定在 ng-view 控制器中设置的手表?
如果我通过 routing/ 加载了各种控制器ng-view
并且其中一些控制器设置了手表,我是否负责在每次路由更改期间取消注册这些手表?还是 Angular 已经通过正常的控制器生命周期为我解决了这个问题?
$scope.$on("$destroy", function() { … })
无论如何,除了取消计时器之外,还有什么常见的原因可以设置?
angularjs - 我们需要多个控制器来实现 angularjs 中的路由吗?
我有可能无法正确解释我的问题。让我试试。
我正在使用 Angular 开发单页应用程序。这个应用程序基本上显示了在线小说系列的剧集。有一个导航栏,其中包含查询菜单(例如,最新剧集、特定日期的剧集、具有特定标签的剧集等)。对于这些查询中的每一个,我都想要一个单独的 url。
/latest
- 应该显示最新一集
/tag/:tagname
- 应该返回带有该标签的所有剧集。
对于所有这些查询,结果视图是相同的(剧集列表)。所以我将对所有路线使用相同的部分。
我的问题是,我真的应该为每个查询创建一个新控制器吗?像LatestEpisodeController
,,TagController
?
无论如何我可以使用 url 来确定用户想要什么并从同一个控制器中运行该查询?