Tag: angular2 routing

Angular 2如果path不存在,如何redirect到404或其他path

我试图redirect404 /其他path,如果path不存在angular2 我试图研究有一些方法angular1,但不angular2。 这是我的代码: @RouteConfig([ { path: '/news', name: 'HackerList', component: HackerListComponent, useAsDefault: true }, { path: '/news/page/:page', name: 'TopStoriesPage', component: HackerListComponent }, { path: '/comments/:id', name: 'CommentPage', component: HackerCommentComponent } ]) 因此,例如,如果我redirect到/news/page/然后它的工作,它返回给我一个空的页面,你如何处理这种情况下发生?

我该如何提高Angular2应用程序的负载性能?

Angular2的应用程序加载速度慢,我怎样才能提高性能的负载? 我使用Angular2,使用html5打字。 目前我的应用程序需要4秒加载。 我使用Firebase托pipe并使用cloudflare。 我正在做的事情/信息: 我压缩了图像。 我缩小CSS 我把js缩小了。 我在脚本上使用asynchronous。 我的脚本在我的。 脚本大约700kb 我用谷歌速度testing,并得到65% 我使用的库的缩小版本,例如bootstrap等 使用systemjs。 这是使用的种子应用程序: https : //github.com/mgechev/angular-seed stream: 当应用程序加载它显示一个蓝色的屏幕(这是引导的CSS),然后4秒后,应用程序加载和工作非常快。 但需要4秒加载。 这似乎是systemjs最小化的app.js文件正在减慢整个应用程序,而不是足够快地显示视图。 这是我的网站速度testing: https : //www.webpagetest.org/result/161206_F5_N87/ 这是我的网站: https://thepoolcover.co.uk/ 让我知道,如果你需要更多的信息关于我的应用程序和我可以做的任何其他事情。

Angular2多个路由器sockets在同一个模板中

是否有可能在同一个模板中有多个路由器sockets? 如果是,那么如何configuration路由? 我正在使用angular2testing版。 谢谢。

Angular 2 – 如何使用新的angular度2.0.0-rc.1路由器

我开始写一个新的angular度2项目,我发现我安装了2个angular度路由器: "@angular/router": "2.0.0-rc.1" , "@angular/router-deprecated": "2.0.0-rc.1" , 我没有在angular度网站find如何使用新的路由器。 例如,我需要导入哪个组件。 所以我的问题是: 我应该使用router-deprecated ? 有没有什么好的文件如何使用新的路由器?

如何更改angular2路由器中的页面标题

我正在尝试从路由器更改页面标题,可以这样做吗? import {RouteConfig} from 'angular2/router'; @RouteConfig([ {path: '/home', component: HomeCmp, name: 'HomeCmp' } ]) class MyApp {}

angular2是否支持嵌套状态/路由?

angular2是否支持嵌套状态/路由? 例如,在一个视图端口有2个链接,点击一个特定的链接,它会呈现一个视图,进一步有多个链接,但是特定于早期的链接。

如何在Angular 2中设置Bootstrap navbar“active”类?

如何在Angular 2中设置Bootstrap navbar“active”类? 我只findAngular 1的方法 。 当我转到关于页面时,添加class="active"到About ,并在Home上删除class="active" 。 <ul class="nav navbar-nav"> <li class="active"><a [routerLink]="['Home']">Home</a></li> <li><a [routerLink]="['About']">About</a></li></li> </ul> 谢谢

如何处理angular2中的查询参数

在我的routable component中 @RouteConfig { {path: '/login', name: 'Login', component: LoginComponent} } 但是,如果我去app_url/login?token=1234我怎么得到查询参数?

如何作为一个模块的孩子路由到一个模块 – Angular 2 RC 5

我正在升级正在处理最新的Angular 2候选版本的应用程序。 作为这项工作的一部分,我尝试使用NgModule规范,并将我的应用程序的所有部分迁移到模块中。 除了路由问题之外,大部分情况已经非常好了。 "@angular/common": "2.0.0-rc.5", "@angular/compiler": "2.0.0-rc.5", "@angular/core": "2.0.0-rc.5", "@angular/forms": "0.3.0", "@angular/http": "2.0.0-rc.5", "@angular/platform-browser": "2.0.0-rc.5", "@angular/platform-browser-dynamic": "2.0.0-rc.5", "@angular/router": "3.0.0-rc.1", 我的应用程序是作为模块的组合构build的,有几个模块作为父模块的子模块粘在一起。 例如,我有一个由通知模块,用户模块和电话模块(例如)组成的pipe理模块。 这些模块的路线应该看起来像… /admin/notifications/my-notifications /admin/users/new-user /admin/telephony/whatever 在路由器的早期版本中,使用“children”很容易实现, export const AdminRoutes: RouterConfig = [ { path: "Admin", component: AdminComponent, Children: [ …UserRoutes, …TelephonyRoutes, …NotificationRoutes ] } ] 在另一个文件中,作为子模块的一部分,我也定义了单独的模块路由 export const UserRoutes: RouterConfig = [ { path: […]

Angular 2滚动到路由更改上方

在我的Angular 2应用程序中,当我向下滚动页面并单击页面底部的链接时,它确实会更改路线,并将我带到下一页,但不会滚动到页面的顶部。 因此,如果第一页冗长而第二页内容less,则给人一种第二页缺less内容的印象。 由于内容只有在用户滚动到页面顶部时才可见。 我可以将窗口滚动到组件的ngInit页面的顶部,但是,有没有更好的解决scheme,可以自动处理我的应用程序中的所有路线?