草庐IT

detail_route

全部标签

javascript - Angular2 Routing - 将数据从父组件传递到子子组件

我正在尝试将一个简单的字符串对象从父组件传递到子子组件。我尝试通过以下方式进行:parent.tsimport{Component}from'angular2/core';import{Router,ROUTER_DIRECTIVES,ROUTER_PROVIDERS,RouteConfig}from'angular2/router';import{ChildCmp}from"./child";import{bootstrap}from'angular2/platform/browser';@Component({selector:'app',template:``,directive

javascript - 用户界面路由器 : default route based on user role

我在我的项目中使用UI路由器。我的应用程序的主页由4个选项卡组成,每个选项卡路由到不同的模板。这是我当前的路由代码,我使用forEach创建6条路由。['Draft','Assigned','InProgress','Completed','Rejected','All'].forEach(function(val){$stateProvider.state({name:'root.jobs.list.'+val.toLowerCase(),url:'/'+val.toLowerCase(),views:{'currentTab':{templateUrl:'adminworkspac

javascript - 'require(' ./app/routes.js')(app);' 是什么意思在此 Node 服务器示例中是什么意思?

这个问题在这里已经有了答案:Twosetsofparenthesesafterfunctioncall(4个答案)关闭6年前。Server.js//setup======================================================================varexpress=require('express');varapp=express();//createourappw/expressvarmongoose=require('mongoose');//mongooseformongodbvarport=process.env.PORT|

javascript - Angularjs - route-ui 添加默认参数

在我的应用中,我使用了angularUI-Router。我有本地人(英语和希伯来语)我的基本语言是英语。这就是为什么我希望如果语言是英语则不要将参数添加到url例如:首页英文-->http://example.com/Home希伯来语-->http://example.com/he/关于我们英文-->http://example.com/about关于我们希伯来语-->http://example.com/he/about这可能吗?这是我当前的代码$stateProvider.state('/',{url:"/",templateUrl:"Assets/app/templates/ho

javascript - 失败的 Prop 类型 : Invalid prop `component` of type `object` supplied to `Route` , 预期 `function`

我刚刚将我的React应用程序更新到16.6.0并将react-scripts更新到2.0.3以开始使用lazy并且在按照官方文档上的示例进行操作时出现此错误:失败的prop类型:提供给Route的object类型的无效propcomponent,预期的function忽略它,一切似乎都在工作,除了控制台中的这个错误。这是我的一些代码://importshere...constDecks=lazy(()=>import('./pages/Decks'));...classAppextendsComponent{...render(){return(}>...);}...我在这里做错了什

javascript - Google Maps API directionsService.route 不同于 Google Maps Directions

我正在使用GoogleMapsJSAPI搜索附近的地点,即基于我的LatLng的餐馆:varrequest={location:myLocation,rankBy:google.maps.places.RankBy.DISTANCE,types:['bar','cafe','food','liquor_store','lodging','meal_delivery','meal_takeaway','night_club','restaurant'],keyword:['bar','pub']};searchService.nearbySearch(request,callback);

javascript - window.onbeforeunload : Is it possible to get any details about how the window was unloaded?

我正在开发其中一个警告窗口,告诉用户他们可能有未保存的数据,但我只需要在他们离开页面时警告他们。目前它在刷新、回发等时这样做。我想知道是否有任何方法可以告诉页面是如何卸载的,或者以其他方式获取有关用户卸载页面的操作的更多详细信息。(欢迎使用jquery解决方案)。引用代码:window.onbeforeunload=function(){if(formIsDirty){formIsDirty=false;return"Areyousureyouwanttonavigateawayfromthispage?";}} 最佳答案 在bef

javascript - Angular 2 : sharing data across different routes

我在SO中搜索了类似的问题,但没有找到任何解决我的具体案例的问题。有很多Angular组件之间共享数据的技术,我已经阅读了这篇关于组件通信的文章:https://angular.io/docs/ts/latest/cookbook/component-communication.html但是那里描述的技术都不适合我,因为我的组件在不同的路线上。本文主要描述父子组件通信,有些情况可能适用于兄弟组件,只要它们同时加载即可。我的案例与Angular2Heroes教程非常相似:我有一条路线显示带有客户列表(而不是英雄)的表格。当用户点击特定客户时,我会触发路由更改以显示包含所选客户(而不是英雄

javascript - Angular 单元测试 : Error: Cannot match any routes. URL 段: 'home/advisor'

我正在我的angular4.0.0应用程序下进行单元测试,我的真实组件中的一些方法正在通过以下方式调用手动路由:method(){....this.navigateTo('/home/advisor');....}withnavigateTo是一个自定义路由方法,调用它:publicnavigateTo(url:string){this.oldUrl=this.router.url;this.router.navigate([url],{skipLocationChange:true});}我有这个路由文件:import...//Componentsanddependenciescon

javascript - 错误 : Uncaught (in promise): Error: Cannot match any routes RC4 Child Routes

在Angular应用程序中实现子路由的演示应用程序Angular2应用程序显示错误Error:Uncaught(inpromise):Error:Cannotmatchanyroutes:'movie-home'zone.js:461UnhandledPromiserejection:Cannotmatchanyroutes:'movie-home';Zone:angular;Task:Promise.then;Value:Error:Cannotmatchanyroutes:'movie-home'(…)如果我不从文件movie.routes.ts添加这些代码行,应用程序工作正常{p