angular 2排除路由中的url

Question

我已经使用如下 Angular 实现了路由 -

export const routes: RouterConfig = [
  { path: '', component: HomeComponent },
  { path: '**', component: SearchComponent }
];

我需要匹配所有默认的 url 来搜索。 Angular 应用程序中有一些静态资源，如 js、css 文件。我的问题是所有静态资源现在也将搜索组件。有什么方法可以从路由中排除这些静态资源。

Answer 1

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

这也使用了 Angular1.x 风格的 http://url/#/ 路由风格，因为我发现部署后在浏览器中更加稳定。

我还建议在部署目录的根目录下创建一个静态 Assets 目录，并将静态文件存储在那里。像这样:

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

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

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

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

export class AppModule {}