2016-09-01 18 views
8

tôi đã thực hiện định tuyến sử dụng góc như sau -góc 2 loại trừ url trong định tuyến

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

tôi cần phải phù hợp với tất cả các url mặc định để tìm kiếm. Có một số tài nguyên thống kê như js, các tệp css trong ứng dụng góc. Vấn đề của tôi là tất cả các tài nguyên tĩnh cũng sẽ tìm kiếm thành phần ngay bây giờ. Có cách nào tôi có thể loại trừ các tài nguyên tĩnh từ định tuyến.

+0

Bạn đã tìm thấy giải pháp cho điều này chưa? – Gerardlamo

+0

@Gerardlamo, tôi không thể tìm thấy giải pháp cho việc này. Nhưng sau đó góc cạnh đã đưa ra tính năng "Định tuyến bảo vệ". Tôi nghĩ chúng ta có thể sử dụng lính canh để xử lý việc này. Bạn có thể đọc thêm về nó tại https://angular.io/docs/ts/latest/guide/router.html#!#guards – saurabh

+0

Bạn có tìm thấy giải pháp cho điều này không? –

Trả lời

1

Hãy thử một cái gì đó như thế này. Lưu ý rằng bạn cần nhập tất cả các mô-đun khác của mình ở trên cùng và tôi giả định rằng bạn đang thiết lập các tuyến đường trong tệp app.module.ts của mình.

Điều này cũng đang sử dụng phong cách định tuyến Angular1.x http://url/#/ như tôi đã thấy rằng sẽ ổn định hơn nhiều trong các trình duyệt khi được triển khai.

Tôi cũng khuyên bạn nên tạo thư mục nội dung tĩnh ở thư mục gốc của thư mục triển khai của bạn và lưu trữ các tệp tĩnh tại đó. Một cái gì đó như thế này:

/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 {} 
Các vấn đề liên quan