11. Routing with ngRoute and UI-Router

angular.module("shopApp", ["ngRoute"])
  .config(["$routeProvider", "$locationProvider", function ($routeProvider, $locationProvider) {
    $routeProvider
      .when("/orders", { template: "<order-list></order-list>" })
      .when("/orders/:id", {
        templateUrl: "views/order-detail.html",
        controller: "OrderDetailController as vm",
        resolve: { order: ["$route", "orderApi", ($route, api) => api.get($route.current.params.id)] },
      })
      .otherwise("/orders");
    $locationProvider.html5Mode(true);             // URLs without #! (needs server rewrite + <base href="/">)
  }]);