我正在尝试使用[routerLink]从NgFor路由动态值。
<li class="list-group-item d-flex justify-content-between align-items-center"
*ngFor="let factors of factorsList">
<span>{{factors | titlecase}}</span>
<a [routerLink]="'../factors'" class="btn btn-primary btn-sm">Reset <span class="sr-only">{{factors}}</span></a>
</li>
该代码应生成如下等效代码
<li class="list-group-item d-flex justify-content-between align-items-center">
Google
<a [routerLink]="['../google']" class="btn btn-primary btn-sm">Reset <span class="sr-only">google</span></a>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
YubiKey
<a [routerLink]="['../yubikey']" class="btn btn-primary btn-sm">Reset <span class="sr-only">yubi
key</span></a>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
Backup codes
<a [routerLink]="['../backupcode']" class="btn btn-primary btn-sm">Reset</a>
</li>
但是由于某些原因,[routerLink]="'../factors'"
组件类
export class MfaResetComponent implements OnInit {
mfaApp = MfaApp
public factorsList: string[] = [];
constructor(private genericHttpClientService: GenericHttpClientService) { }
ngOnInit() {
this.getResetfactors();
}
getResetfactors() {
this.genericHttpClientService.GenericHttpGet<FactorsViewModel[]>(`url`).subscribe(item => {
this.factorsList = [...new Set(item.filter(factor => factor.status == MultiFactorauthenticationEnrolmentStatus.Enrolled).map(factor => factor.provider))];
})
}
}
列表因子将为
this.factorsList = ['Google','okta','Yubikey','BackupCode']
我发现某些问题我堆栈溢出 resource