问题描述
我有一个通过服务调用的 json,我在 component.ts 中调用它,然后在我的 html 中对其进行循环,一切正常,但我希望当我点击一个元素时,我有一个我通过路由方法检索的参数显示了不同的 json。
两个json路径是:
'./assets/json/one/first.json'
'./assets/json/two/second.json'
第一个 json // 目前我正在加载这个 json
{
"flags": [
{
"name": "one","libelle": "test"
}
],}
第二个json
{
"flags": [
{
"name": "two","libelle": "test 2"
}
],}
服务
private url1 = './assets/json/one/first.json'
constructor(private http: HttpCient) {}
get(): Observable<Itoto[]> {
return this.http.get<Itoto[]>(this.url1);
}
ts.file
public exampleArray: any = []
getALL() {
this.totoService.getAll().susbcribe(result => {
this.exampleArray= result
});
}
route(name:string) {
this.router.navigate(['/homepage',(name)]);
console.log('name);
}
routing.module
const appRoutes: Routes = [
{
path: 'homepage/:name',component: FooComponent
}
]
html
<div *ngFor=" let toto of exampleArray.flags">
{{toto.libelle}}
<span (click)="route(toto.name)">click</span>
</div>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)