[英]how to get the alias from the angular-new-router?
在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>
是否可以通過查看控制器中的別名來了解用戶單擊哪個鏈接? 謝謝。
這是最新的示例,您需要使用從angular2項目構建的angular_1_router.js,而不是在新版本中安裝angular-new-router軟件包(直到更新),它們使用angular 1.5並對其進行了修復,因此您可以使用components()和兒童路線等
http://plnkr.co/edit/N3YP3dKMuljpZ6mWsVBT?p=preview
app.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}]}
]
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.