问题标签 [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 投票
2 回答
167 浏览

angularjs - 使用Angularjs的SPA,导航时页面刷新

我使用 Angularjs(和 Bootstrap)制作了一个小型 SPA 应用程序。已遵循来自 anuglar 网站的所有规范和互联网上的其他参考资料。要在主页中动态包含其他页面,它使用 ng-view

但是,如果我们一般阅读 SPA 架构,那么它会说所有页面都在开始时加载并且页面从不刷新。

但是,如果我们仔细观察,那么页面确实刷新了几分之一秒,不仅在我制作的演示应用程序中观察到这一点,而且在一些使用 angularjs 的参考 SPA 中也观察到了这一点。

只是想确认我的怀疑,并确保这不是我在做的错误。

谢谢。

0 投票
6 回答
6494 浏览

angularjs - 如果我在 angularjs 中更改视图,为什么我的 twitter 小部件不会呈现?

您好,感谢您的阅读。

我有一个正在制作的有角度的应用程序,我偶然发现了一个问题。如此设置

index.html-

我不会费心把我的路线放在它非常简单的 /home 是显示 /home/index.html 等等......

/home/index.html(访问站点时的默认视图)

推特时间线指令

所以我刚刚使用来自 twitter 的标签创建了一个基本的 twitter 指令。但是当我将视图示例更改为 /blog 然后返回 /home 时,twitter 小部件根本不再呈现。

我也在使用 $anchorScroll ,如果我在页面上跳转到这个小部件也会消失。任何信息都会非常感谢。

0 投票
1 回答
1236 浏览

angularjs - 在 angularjs 中使用两个不同的 data-ng-view

管理页面.html

用户页面.html

登录后,如果您是管理员,则会加载 adminpage.html。如果您是普通用户,将加载 userpage.html。data-ng-view for adminpage.html is very different with userpage.html. 我怎么能用 angularjs、passportjs、expressjs 做到这一点?

0 投票
1 回答
251 浏览

angularjs - 使用 ng-view/partial 时的 AngularJS 可扩展性

是否可以在 AngularJS 的部分/模板中添加脚本标签?如果我在主页中加载部分 controller.js,我只能使用 ng-view(带路由器)。如果您有一个包含很多页面的应用程序,这将无法正常工作。我听说过一个 JQuery 修复程序,但我尝试过但没有成功。我可以通过使用 JSP、MVC4 或 Wicket 来解决它,但这是一个相当大的开销。我听说过 RequireJS 解决方案,但有人说它并不是 RequireJS 的真正用途。

0 投票
1 回答
4851 浏览

angularjs - ngview不工作AngularJS

我正在尝试学习 AngularJS,但我的第一个应用程序遇到了一些问题。我想使用 ng-view 将 html 文件分配给不同的链接,但是当我单击链接时没有任何反应。我肯定错过了什么。

索引.html

js/app.js

/* 应用模块 */

js/controller.js

部分/客户-form.html

部分/客户列表.html

0 投票
1 回答
541 浏览

javascript - 从javascript访问角度控制器

我目前正在开发一个 angularJS 应用程序。我使用 Angular-Seed 作为开始项目的模板。

我需要创建一个 angularJS 应用程序,该应用程序在另一家公司的 JSP 页面上的 iframe 内运行。他们使用 iframe 与我的应用程序进行通信"iframe.contentWindow.postMessage"。这是此类帖子的示例:

我目前在我的 angularJS 应用程序中有两个页面:

loading.html 页面如下所示:

控制器如下所示:

我需要一个额外的 javascript 文件来监听这个iframe.contentWindow.postMessage事件。它看起来像这样:

问题是我想从'message.messagetype === "HANDSHAKE"'if 检查中与控制器通信。但我似乎无法访问它。是因为我的 index.html 上有这个 ng-view 吗?也许还有另一种方法可以做到这一点。欢迎任何建议!

亲切的问候!

0 投票
1 回答
95 浏览

javascript - 从 ng-view 访问 $scope 时遇到问题

当网站运行时,我只看到标题,而不是#outerBox div(包含我的 ng-repeat)我看到

这是我的代码

index.html 的主体...

和list.html

我不知道为什么我无法访问范围。我在我的控制器中尝试了 $rootscope.test = "test" 。然后当我做 {{test}} 它确实在 list.html 中工作。但是 ng-repeat 没有运气。

另请注意,如果我有一个 "" 模板并将我的 list.html HTML 放入索引文件的正文中,一切都可以正常工作,但我不希望这样,因为我需要 2 个视图。

已解决:$rootScope.$on 是我的问题,它背叛了我。删除它修复了它。

0 投票
2 回答
64 浏览

javascript - 使用AngularJS路由时如何跳出新页面而不是在ng-view中显示内容?

伙计们,我有一个关于AngularJS的路由功能的问题,也就是说,我们知道如果使用路由,所有内容都会显示在ng-view中,但是我怎么能跳到一个新的页面,例如,当点击“/logout”时我想要退出 login.jsp?

0 投票
3 回答
9195 浏览

angularjs - 如何加载外部 HTML 文件并在 angularJS 中正确呈现范围变量?

我想要做的是点击好友列表中的好友后,加载一个聊天对话框模板 HTML 文件,而不会干扰当前 DOM 中的其他元素,就像在 facebook 中聊天一样。

我的问题是加载 html 模板文件后,范围变量(例如 {{contact.jid}})没有正确呈现,甚至没有调用对话框的控制器。

如何强制重新渲染或调用控制器,以便正确渲染这些变量?或者我不应该使用 jQuery.load 函数来做到这一点?我想不出任何其他方法。

谢谢你。

控制器代码:

加载具有 ng-controller 属性的 chatdialog.html 后不会调用聊天对话框的控制器函数,因此未设置 {{test}} 变量。

0 投票
2 回答
317 浏览

angularjs - 无法使用 angularjs 1.2 注入视图

如下所示,我的代码不会用路由配置中的模板替换 mg-view。我将 {{message}} 替换为 'in controller',这表明控制器还活着,但没有任何反应。

看法:

控制器:

部分的: