在Angular JS中使用新的最新路线进行部分布局

angular.module('myApp', ['ngNewRouter']);

angular.module('myApp').config(function ($componentLoaderProvider, $locationProvider) {
  $componentLoaderProvider.setTemplateMapping(function (name) {
    return 'views/' + name + '.html';
  });

  $locationProvider.html5Mode(true);

  $componentLoaderProvider.setCtrlNameMapping(function (name) {
    return name + 'Ctrl';
  });

  $componentLoaderProvider.setCtrlAsMapping(function (name) {
    return name;
  });

  $componentLoaderProvider.setComponentFromCtrlMapping(function (name) {
    return name.replace('Ctrl', '');
  });

  $componentLoaderProvider.setCtrlFromComponentMapping(function (name) {
    return name + 'Ctrl';
  });
});

angular.module('myApp').component('home', {
  template: '<h1>Welcome to Home Page</h1>',
  controller: function () {
    // Controller logic here
  }
});

<div ng-view></div>