草庐IT

single-page-application

全部标签

javascript - 在 SPA 应用程序中使用 AngularJs 在 ng-view 中加载外部页面

有没有办法在angularjsng-view中插入外部网页。例如,当我在我的示例中按下带有ng-route的链接时,我希望在我自己的网页中加载一个外部页面。在这个例子中,我希望当我点击外部时,应该加载另一个页面。我尝试过使用ng-include但没有用。http://plnkr.co/edit/vkAvZ2hGUjHlfHy0ul1z感谢您的帮助。 最佳答案 为什么不在部分模板中使用iframe?(second.html)http://plnkr.co/edit/DngozsvRhvJ3Ssr0amzK

javascript - 将 SPA 中的 client_id 和 client_secret 发送到 auth 服务器有什么意义?

我想了解oauth和openidconnect中的一些概念。为了提供一些上下文,假设我正在构建一个与一堆微服务对话的SPA(单页应用程序)。用户在访问任何数据之前需要(通过应用程序)对自己进行身份验证,并且用户将在受信任的站点上对自己进行身份验证。查看oauth2和一些建议的流程,资源所有者密码凭证授予似乎是合适的候选者。+----------+|Resource||Owner|||+----------+v|ResourceOwner(A)PasswordCredentials|v+---------++---------------+||>--(B)----ResourceOwne

javascript - 如何让 JSF 2.0 将 JS 包含为 'application/javascript' 而不是 'text/javascript'

在我们工作的JSF2.0应用程序中,我们通过包含了几个javascript文件。.生成的html将它们引用为“text/javascript”。根据thisquestion,“text/javascript”已经过时,而且,htmlunit提示类型相当冗长。当然,一切正常,我可以关闭htmlunit的日志记录,但我宁愿让JSF生成正确的类型。有没有办法覆盖选择的类型?? 最佳答案 这是在的默认渲染器中硬编码的.假设您使用的是Mojarra,它是com.sun.faces.renderkit.html_basic.ScriptRend

javascript - 一般情况下 : JS Only Vs Page-Based Web Apps

与开发网站相比,在开发网络应用程序时,有什么理由使用多个HTML页面,而不是使用一个html页面并通过Javascript完成所有事情?我希望这取决于应用程序——也许——但希望对这个主题有任何想法。提前致谢。编辑:根据这里的回复和我自己的一些研究,如果你想做一个单页的、完全由JS驱动的网站,一些有用的工具似乎包括:JQuery插件:JQuery历史:http://balupton.com/projects/jquery-historyJQuery地址:http://plugins.jquery.com/project/jquery-addressJQuery分页:http://plug

javascript - application.js 中的 Rails root_path

如何在我的application.js文件中获取项目的root_path?我需要它用于需要加载其他JS文件的js插件(codemirror)。如果我说“/javascripts/needed_file.js”,一切都很好,但如果我将我的项目部署到“/custom”呢?代码需要在整个项目中发挥其魔力,我希望它是UJS,因此它需要位于静态javascript文件中。有什么解决方案/简单的技巧吗? 最佳答案 没有完美的解决方案。我会尝试其中一种方法:检查window.location.pathname.由此判断是从root运行还是从前缀u

javascript - 在 MVC 路由之上构建一个具有反应的 SPA

我有一个API,其路由由MVC管理。最重要的是,我想用React构建一个SPA。但是,无法访问我在React应用程序内部构建的路由,我从ISS收到404,这里是我的代码的stub。exportdefaultclassLayoutextendsReact.Component{render(){}当我在没有后端的情况下独立执行此代码时,它可以完美运行。有没有办法告诉MVC呈现设置url的react路由,比方说“/app/*”。提前致谢。 最佳答案 正如我在评论中提到的,我可能有适合您需求的解决方案。此解决方案需要一个MVCControl

javascript - 如何使用 bobril 框架移动 SVG 元素

我想在bobril中用鼠标移动一个SVG元素(圆)。我应该使用哪种生命周期组件方法?我尝试使用onPointerDown等方法,但是这些方法只处理圆圈内的事件。我应该使用拖放还是有其他选项可以围绕整个SVG移动圆圈? 最佳答案 onPointerDown、onPointerMove和onPointerUp组件生命周期方法(更多信息参见bobril/index.tsIBobrilComponent)是正是您所需要的,但需要多一点代码。在onPointerDown方法中将bobrilb.registerMouseOwner与您的上下文一

微信小程序开发(八):page-container弹窗与share-element动画

page-container页面容器,可以在当前页面中弹出一个半屏的弹窗、或者在页面内加载一个全屏的子页面。当page-container组件显示时,用户进行返回操作时会关闭page-container容器,而不会关闭当前页面。每个页面最多只能显示一个page-container,如果在一个页面代码中定义了多个page-container,只有文档流中的第一个page-container能正常显示。属性show:是否显示page-container组件duration:动画时长z-index:默认100,显示在其他元素的上层overlay:是否显示遮罩层position:page-contai

javascript - 在 durandal 中长时间运行负载操作

我正在尝试找出运行长时间运行的加载操作的最佳位置是使用Durandal。据我所知,加载数据的一般建议是在ViewModel的activate方法中,这是我通常做的-类似于:viewModel.activate=function(){varloadPromise=myService.loadData();return$.when(loadPromise).then(function(loadedData){viewModel.data(data);});};我知道如果我不返回此处的promise,那么绑定(bind)通常会出现问题-如thisquestionandanswerindica

javascript - Bootstrap : Multiple pages (divs) and navbar

我想使用这个流行的模板:http://getbootstrap.com/examples/navbar/我不想链接到about.htm或contact.htm,此内容应该在模板内(多页/div)。这一定是这个样子:home...about...contact...但是如何从导航标签“链接”到div?这行不通:HomeAboutContact非常感谢! 最佳答案 您需要使用JavaScript和JQuery来执行此操作。有多种方法可以实现这一目标。选项1创建一个index.html,指定一个并将其留空。然后用jQuery加载home.