Вложенные маршруты в Угловом Дарте

Question

У меня есть схема маршрутизации, где #/articles приводит к виду articles.html, а #/articles/featured ведет к featured.html. Я не уверен, как объявить это вложенное письмо. Если я настрою свои маршруты следующим образом, то и #/articles, и #/articles/featured приводит к articles.html (так как оба пути соответствуют r '^ статьям').

library my_router; 

import 'package:angular/angular.dart'; 

class MyRouteInitializer implements RouteInitializer { 
    init(Router router, ViewFactory view) { 
    router.root 
     ..addRoute(
      name: 'articles', 
      path: '/articles', 
      enter: view('views/articles.html'), 
      mount: (Route route) => route 
      ..addRoute(
       name: 'featured', 
       path: '/featured', 
       enter: view('views/featured.html')) 

    ); 
    } 
} 

Если я опускаю enter: view('views/articles.html') линии, #/articles/featured маршрута правильно маршруты к featured.html, но потом ничего пути к articles.html.

Answer 1

При определении вложенные взгляды ожидается, что они будут оказываться вложенным ng-view с, но это не кажется, что вы действительно хотите. Ваше обходное решение с использованием плоской структуры может быть в порядке. В качестве альтернативы вы можете сделать что-то вроде этого:

class MyRouteInitializer implements RouteInitializer { 
    init(Router router, ViewFactory view) { 
    router.root 
     ..addRoute(
      name: 'articles', 
      path: '/articles', 
      mount: (Route route) => route 
      ..addRoute(
       name: 'all', 
       path: '/all', 
       default: true, 
       enter: view('views/articles.html') 
      ..addRoute(
       name: 'featured', 
       path: '/featured', 
       enter: view('views/featured.html')) 
    ); 
    } 
} 

Answer 2

Я могу заставить это работать, избегая mount и определяя маршруты от определенного к общему, но решение кажется неуклюжим и подверженным ошибкам. Правильный способ - использовать mount и правильно вложить маршруты, но я не могу заставить это работать. Между тем, здесь это временное решение:

import 'package:angular/angular.dart'; 

class MyRouteInitializer implements RouteInitializer { 
    init(Router router, ViewFactory view) { 
    router.root 
     ..addRoute(
      name: 'featured', 
      path: '/articles/featured', 
      enter: view('views/featured.html')) 
     ..addRoute(
      name: 'articles', 
      path: '/articles', 
      enter: view('views/articles.html')); 
    } 
}