Angular 6 - 将值从出口传递到组件

Question

我需要给outlet路由传递一个值。

这是我的 html 模板：

<li class="list-group-item *ngFor="let item of items">
    <ul class="list-inline">
        <li class="list-inline-item">
            <a [routerLink]="['/dashboard/', {outlets: {'mainOutlet':'viewdetail/'}}]"><span> {{item.doc}} - {{item.customer}}</span></a>
        </li>
    </ul>
</li>

而且我需要传递item.id的值，我尝试了不同的方法但我没有得到它，应该是这样的，但是我没有得到[=21=的值], 我无视语法怎么写对了

<a [routerLink]="['/dashboard/', {outlets: {'mainOutlet':'viewdetail/item.id'}}]"><span> {{item.customer}}</span></a>

感谢您的帮助，

Answer 1

你需要使用这样的东西 -

[routerLink]="['/dashboard', {outlets: { mainOutlet: ['viewdetail', item.id]} } ]"

或

'mainOutlet':'viewdetail/' + item.id

错误是 - 您将变量视为字符串。

Answer 2

我认为您将 'item.id' 设置为字符串而不是值

<a [routerLink]="['/dashboard/', {outlets: {'mainOutlet':'viewdetail/' +item.id}}]"><span> {{item.customer}}</span></a>

Angular 6 - 将值从出口传递到组件

Angular 6 - Passing a value from outlets to Component

router-outlet

angular