角度6-将值从插座传递到组件

Question

我需要将值传递给出口路径。

这是我的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的值，我尝试了不同的方法，但我没有得到它，就像那样，但是我没有得到item.id的值，我无视语法如何正确放置它。

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

感谢您的帮助，

Answer 1

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

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

Answer 2

您需要使用类似这样的内容-

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

或

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

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