草庐IT

Lan-Router

全部标签

javascript - 对 Meteor iron-router 中的 this.next() 完全感到困惑

我升级到Meteor1.0,安装了最新的iron-router包,尝试运行我的应用程序并在我的控制台日志中收到这个很好的警告:Routedispatchneverrendered.Didyouforgettocallthis.next()inanonBeforeAction?所以我尝试根据新版本修改我的路由。this.route('gamePage',{path:'/game/:slug/',onBeforeAction:[function(){this.subscribe('singlePlayer',this.params.slug).wait();varsinglePlayer=

javascript - Angular 2 RC5 : No provider for Router

我在使用新的Angular2RC5路由器(路由器版本为RC1)时遇到问题。这是我从开发控制台获得的日志:EXCEPTION:Errorin/templates/app.component.html:2:0ORIGINALEXCEPTION:NoproviderforRouter!这是我的app.modules.ts的样子:import{NgModule}from'@angular/core';import{BrowserModule}from'@angular/platform-browser';import{FormsModule}from'@angular/forms';impor

javascript - Angular UI-Router 动态路由基于来自 API Ajax 调用的 slug。基于 slug 加载 View

服务器数据库中可通过API访问的slug示例:{slug:"john-smith",type:"user"}{slug:"microsoft-technologies",type:"company"}场景1:用户View和Controller:http://localhost/john-smith.state('user',{url:'/:user',templateUrl:'partial-user.html',controller:'userCtrl'})场景2:公司View和Controller:http://localhost/microsoft-technologies.st

javascript - 如何以编程方式使用 preact-router 进行导航?

我正在尝试弄清楚如何使用typescript、preact和preact-router构建Web应用程序的前端部分。我已经走了很长一段路,但我仍然需要弄清楚如何使用preact-router以编程方式导航(重定向)。我可以执行history.replaceState(null,null,'/#/redirectedUrl');,但是虽然这会更改地址栏中的URL,但preact-router不会路由到新的URL。使用preact-router时,以编程方式导航的首选方式是什么? 最佳答案 从'preact-router'导入函数rou

javascript - backbone.router 和 React 状态

基于路由设置React组件状态的标准方法是什么?我有以下React/Backbone示例:varmyApp=React.createClass({render:function(){return();}})varApp=Backbone.Router.extend({routes:{"":"home","create":"create"}});varapp=newApp();app.on('route',function(page){//HowdoIsetstateonmyApp??})React.renderComponent(,document.body);Backbone.his

javascript - 使用 Switch (react-router) 时滚动到顶部

当从一个页面导航到另一个页面时,我希望用户自动滚动到顶部,即scrollTo(0,0)。根据react-routerdocsonscrollrestoration推荐的方法是设置一个组件ScrollToTop并将您的路由包装在其中。虽然这很有效,并且对于嵌套在ScrollToTop组件中的任何路由,用户都会滚动到顶部,但如果该组件放置在Switch组件中,则Switch不再像Switch那样工作;这意味着它将呈现它匹配的所有路由,而不是第一个。或者,将ScrollToTop放在Switch之外,它不再将用户滚动到顶部。版本:react-router-v4 最

javascript - 在 ui-router 中从较低状态覆盖较高状态的布局 View 会导致 ui-view 为空

我正在尝试使用ui-router使用嵌套状态创建基本布局系统。我想要的是,任何“子状态”都可以覆盖顶级状态的“布局”部分,以便可以根据站点区域使用不同的站点布局。给定以下system/server/views/index.html:和两个布局互换到上面:系统/公共(public)/View/布局/standard.html:system/public/views/layouts/full-width.html:示例内容系统/public/views/index.htmlsomesamplecontent最后是路由器:function($stateProvider,$urlRouterP

javascript - React Router v4 带 Switch 的嵌套路由

尝试执行以下操作,但没有成功。ReactDOM.render(,document.getElementById('main'))如文档所述,在Switch元素内只允许使用Route和Redirect元素。如果不在App中显式包装HomePage和UserPage或让App包装错误页面,我该如何让它工作? 最佳答案 虽然我已经开始开发一个“通用React应用程序”,其中第一个页面加载是通过服务器端渲染完成的,但我遇到了类似的问题,因为React-Router刚刚更新到4.0。你应该考虑重组你的应用程序,如下所示:ReactDOM.re

javascript - 错误 : $injector:modulerr Module Error with ui-router

我不知道是什么问题div#wrapper(ng-app="adminApp")....js/varadminApp=angular.module('adminApp',['ui-router']);如果我用varadminApp=angular.module('adminApp',[]);错误消失这是为什么?更新:从控制台添加图片 最佳答案 模块名称是ui-router但你需要注入(inject)ui.router而不是ui-routervaradminApp=angular.module('adminApp',['ui.route

javascript - Angular UI-Router 无法加载我没有要求的模板

PlunkerCodeShowingIssueDescribedBelowhttp://plnkr.co/edit/Bz3Qhf1eDuFrnKI0qnUo?p=preview我正在使用AngularUI套件的两个组件,UI-Router和UI-Bootstrap。UI-Router负责在用户点击我的顶部导航栏链接时加载模板。只有“UIWidgetTemplates”(AngularUI-Bootstrap和Alert)下的前两个链接处于事件状态UI-Bootstrap负责在模板中制作漂亮的小部件。我似乎已正确配置UI-Router,因为我正在加载正确的模板,并且这些模板可以访问正确的