Как исправить проблемы с маршрутизацией в угловых 7 и MVC?

Question

Я создал приложение с угловой областью внутри mvc, но в нем, похоже, есть проблема с маршрутизацией,

В файле ny rout ts есть маршрут следующим образом:

const routes: Routes = [
{
    path: '',    
    redirectTo: '/Listing/Listings',
    pathMatch: 'full',    
  },
  {
    path: 'Listing/Listings',
    component: AppComponent
    },
    {
        path: 'Listing/Listings/details', component: TableComponent, children: [
            { path: ':id', component: ListingComponent } // url: about/item
        ]
    },
    {
        path: 'Listing/Listings/details/:id', component: ListingComponent,
    },

 ];

и вмой контроллер MVC у меня есть детали действия

public ActionResult Details(int? id)
    {
        return View("index");
    }

, но когда я пытаюсь

http://localhost:9101/Listing/Listings/details или http://localhost:9101/Listing/Listings/details/1, в обоих случаях он загружает компонент таблицы.

но я ожидаю, что http://localhost:9101/Listing/Listings/details => должен перейти к компоненту таблицы

, а http://localhost:9101/Listing/Listings/details/1 => должен перейти к компоненту листинга.

почему он собираетсятаблица всегда?как я могу это исправить?

Answer 1

Добавьте следующий код в Route.config

 routes.MapRoute(
                name: "Angular",
                url: "*"
            );