Ala*_*ain 15 angularjs angular-routing angular-new-router
我正在玩新的角度路由器,并想尝试一个用例,我有一个组件和一个嵌套组件.
下面是我编写的用于定义两个组件和路由的JavaScript代码:
angular.module('app', ['ngNewRouter'])
.controller('AppController', function ($router) {
$router.config([
{
path: '/parent',
component: 'parent'
}
]);
})
.controller('ParentController', function ($router) {
this.name = 'Parent component';
$router.config([
{
path: '/child',
component: 'child'
}
]);
})
.controller('ChildController', function () {
this.name = 'Child component';
})
.config(function ($componentLoaderProvider) {
$componentLoaderProvider.setTemplateMapping(function (compName) {
return compName + '.html';
});
});
和HTML部分:
<!-- index.html -->
<body ng-controller="AppController as app">
<a ng-link="parent">Go to parent</a>
<div ng-viewport></div>
</body>
<!-- parent.html -->
{{ parent.name }}<br/>
<a ng-link="child">Show child</a>
<div ng-viewport></div>
<!-- child.html -->
{{ child.name }}
这是一个包含上述代码的Plunker:http://plnkr.co/edit/yWCFgXQI491EYvIldjyR
基于此代码,我有以下问题/问题:
让我震惊的第一件事是，您没有使用任何指向您想要显示的父级和子级的标识符。
您如何/从哪里获得此信息？你的网址看起来会好很多（如果写成这样，甚至可能解决问题
/parent/:parentId/
或者
/parent/:parentId/child/:childId
我自己主要使用的是routeProvider和routeParameters，它们提供这个功能没有任何麻烦，但由于这个练习似乎纯粹是学术性的，我会尝试阅读该模块实际在做什么，并检查是否有相关的github 问题中的问题。
此外，文档中的这一页似乎揭示了这个问题的一些情况。
如果这对您没有任何帮助，您会考虑向我们提供更多信息来帮助我们吗？
祝你好运！
| 归档时间： |
|
| 查看次数： |
2808 次 |
| 最近记录： |