我正在 Angular4 应用程序中工作,我需要绑定 API 响应数据的下拉列表。
我不知道如何从 API 获取特定部分的特定数据。
这里API包含类别、组和子组数据。每个组有2个子组。
我为此创建了一个 stackblitz 文件 请看一下
https://stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-y6iknh?file=app%2Fapp.component.ts https://stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-y6iknh?file=app%2Fapp.component.ts
这里我收到了API响应,但不知道如何将值分配给下拉位置。
谁能指导我解决这个问题..
您需要通过将数据解析为来将数据与某个变量绑定json()
,那么您将能够像这样在您的视图中获取和使用数据
ngOnInit() {
this.CartdataService.get_New_Products().subscribe(
data => {
this.dropdownData = data.json();
console.log(data.json());
});
<div class="col-sm-12" style="margin-top: 20px !important" *ngFor='let data of dropdownData; let i=index'>
<div class="col-sm-12 opt1">
<div class="row">
<h5>
<a class="col-sm-12 font-weight-normal">
{{data?.CAMD_ENTITY_DESC}}
</a>
</h5>
<i class="fa fa-angle-down ind" data-toggle="collapse" [attr.href]="'#collapseExample' + data?.CAMD_ENTITY_DESC"></i>
</div>
</div>
<div class="col-sm-12 collapse opt1" [id]="'collapseExample' + data?.CAMD_ENTITY_DESC"
*ngFor='let group of data?.group; let j=index'>
<div class="row">
<h6>
<p class="dropdown-item col-sm-10">{{group?.CAMD_PRGRP_DESC}} </p>
</h6>
<i class="fa fa-angle-down ind arrow" data-toggle="collapse" [attr.href]="'#innerCollapse' + group?.CAMD_PRGRP_DESC"></i>
</div>
<div class="collapse col-sm-12" [id]="'innerCollapse' + group?.CAMD_PRGRP_DESC">
<div class="row" *ngFor='let subgroup of group?.subgroup; let i=index'>
<h6>
<a class="dropdown-item opt">{{subgroup?.CAMD_PRSGRP_DESC}}</a>
</h6>
</div>
</div>
</div>
</div>
这是相同的工作示例
- https://stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-y2qnjy?file=app/app.component.html https://stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-y2qnjy?file=app/app.component.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)