angular 2排除路由中的url

发布时间：2020-12-17 07:24:11 所属栏目：安全来源：网络整理

导读：我已经使用angular实现了路由,如下所示 – export const routes: RouterConfig = [ { path: '',component: HomeComponent },{ path: '**',component: SearchComponent }]; 我需要匹配所有默认网址进行搜索.在角度应用程序中有一些静态资源,如js,css文件.我的

我已经使用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 {}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!