angularjs - 如何从 angular-new-router 获取别名？

Question

在 angular-new-router 中，用户可以为组件指定别名：

MyController.$routeConfig = [
  { path: '/', component: 'user', as: 'myUser' }
];

我们可以激活它：

<a ng-link="myUser">link to user component</a>
<a ng-link="user">link to user component</a>

有没有办法通过查看控制器中的别名来知道用户点击了哪个链接？谢谢。

Answer 1

这是最新示例，您需要使用从 angular2 项目构建的 angular_1_router.js，而不是在新版本中安装 angular-new-router 包（直到更新），他们使用 angular 1.5 并修复它，以便您可以使用 components()和子路线等。

http://plnkr.co/edit/N3YP3dKMuljpZ6mWsVBT?p=preview

应用程序.js

angular.module('app', ['ngComponentRouter', 'dialog', 'heroes', 'crisis-center'])

.config(function($locationProvider) {
  $locationProvider.html5Mode(true);
})

.run(function($router) {
  $router.config([
    { path: '/...', name: 'App', component: 'app', useAsDefault: true }
  ]);
  $router.navigate(['App']);
})

.component('app', {
  template:
    '<nav>\n' +
    '  <a ng-link="[\'CrisisCenter\']">Crisis Center</a>\n' +
    '  <a ng-link="[\'Heroes\']">Heroes</a>\n' +
    '</nav>\n' +
    '<ng-outlet></ng-outlet>\n',
  $routeConfig: [
    {path: '/crisis-center/...', name: 'CrisisCenter', component: 'crisisCenter', useAsDefault: true},
    {path: '/heroes/...', name: 'Heroes', component: 'heroes'},
    {path: '/disaster', name: 'Asteroid', redirectTo: ['CrisisCenter', 'CrisisDetail', {id:3}]}
  ]
});