1

我有大约 300 个组件，我正在添加嵌入一个常见的菜单 html，我想用唯一值更改 url 值。

这是我的文件：

common.menu.component.html

<div class="packages-menu">
    <ul>
        <li *ngFor="let allPkgs of packages; let i = index;" routerLinkActive="active">
            <a routerLink="/nepal-package-{{i+startingNight}}n" class="packages-link" title="{{allPkgs.title}}">{{allPkgs.title}} </a>
        </li>
    </ul>
</div>

我想routerLink在嵌入其他组件时更改值

common.menu.component.ts

@Component({
    selector: 'packages-menu',
    templateUrl: './common.menu.component.html',
    providers:[PackagesServices]
})

other.component.ts 在嵌入它时我正在传递 data-val 以获得不同的值。

<packages-menu data-val="different value"></packages-menu>
 <div class="hti-modrentitle">
     <h1>{{pkg.title}}</h1>
 </div>

我想投入**data-val**价值，routerLink这样我就可以为所有组件设置不同的 url。

是否有可能或任何其他方式来做到这一点。请帮忙

4

0 回答 0