import {Component, OnInit, Input} from '@angular/core';
import { Router } from '@angular/router';
import { MainTableService } from './main.table-service';
import { Corps } from './corps';
@Component ({
selector: 'main-table',
templateUrl: 'app/main-table.component.html',
styleUrls: ['app/main-table.component.css']
})
export class MainTableComponent implements OnInit {
errorMessage: string;
corpsData: Corps[];
constructor(
private mainTableService: MainTableService,
private router: Router
) {}
ngOnInit() {
this.getCorpsData();
}
getCorpsData() {
this.mainTableService.getCorpsData()
.subscribe(
corpsData => this.corpsData = corpsData,
error => this.errorMessage = <any>error
);
}
onSelect(corp: Corps): void {
this.router.navigate(['/details', corp.ID]);
}
}
Доброго времени суток. Работаю с небольшим приложением на Angular2 и после переноса его на сервер возникла проблема с роутингом. Ранее все лежало в корне на рабочем компьютере и работало вполне правильно. Теперь же приложение лежит на удаленном сервере в папке /static/dat. Ожидаемо поломались все пути, но это починить удалось, а вот с роутингом никак не выходит. Так что в очередной раз вернул все на исходную и вот что есть -
<head>
<base href="/">
это в index.html
тут идет настройка роутера
import { AppComponent } from "./app.component";
import { MainTableComponent } from "./main-table.component";
import { MainTableService } from "./main.table-service";
import { SelectedDetailsComponent } from "./selected-details.component";
import { SearchService } from "./search-service";
import {SelectedDetailsService} from "./selected.details-service";
@NgModule({
imports: [
BrowserModule,
HttpModule,
JsonpModule,
RouterModule.forRoot([
{
path: 'details/:ID',
component: SelectedDetailsComponent
},
{
path: 'corporations',
component: MainTableComponent
},
{
path: '',
redirectTo: '/corporations',
pathMatch: 'full'
}
])
],
declarations: [
AppComponent,
MainTableComponent,
SelectedDetailsComponent
],
providers: [
MainTableService,
SearchService,
SelectedDetailsService
],
bootstrap: [ AppComponent ]
ну и на выходе получаем страницу без подгруженых темплейтов и кучу ошибок вида EXCEPTION: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'static/dat'
Я уже игрался с путями как мог и дописывал и менял, но пока на выходе все то же самое. Добавил пример компонента
<base href="/">
На то, где сейчас находится index.html, Ну или какой там файлик запускается по умолчанию