angular 2排除路由中的url

前端之家收集整理的这篇文章主要介绍了angular 2排除路由中的url前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经使用angular实现了路由,如下所示 –
export const routes: RouterConfig = [
  { path: '',component: HomeComponent },{ path: '**',component: SearchComponent }
];

我需要匹配所有默认网址进行搜索.在角度应用程序中有一些静态资源,如js,css文件.我的问题是所有静态资源现在也将搜索组件.有什么方法可以从路由中排除这些静态资源.

尝试这样的事情.请注意,您需要在顶部导入所有其他模块,我假设您正在app.module.ts文件中设置路由.

这也是使用Angular1.x样式的http:// url /#/ routing样式,因为我发现在部署时在浏览器中更加稳定.

我还建议在部署目录的根目录下创建一个静态资产目录,并在那里存储静态文件.像这样的东西:

/static/
       /css/
       /js/
       /images/

import all modules...
import { RouterModule,Routes,PreloadAllModules } from '@angular/router';

const routes: Routes = [
  { path: '',component: HomeComponent,pathMatch: 'full'
   },component: SearchComponent
  }
];

@NgModule({
  declarations: [
    HomeComponent,SearchComponent
  ],imports: [
    BrowserModule,RouterModule.forRoot(routes,{
      useHash: true,preloadingStrategy: PreloadAllModules
    }),],bootstrap: [AppComponent]
})

export class AppModule {}
原文链接:https://www.f2er.com/angularjs/141870.html

猜你在找的Angularjs相关文章