Arrays 如何将[object]转换为数组?
我正在显示从API调用到ngFor指令的一些值。我正在尝试将数据转换为数组。这是我从服务器获得的信息: 我订阅的数据如下:Arrays 如何将[object]转换为数组?,arrays,object,angular,ngfor,Arrays,Object,Angular,Ngfor,我正在显示从API调用到ngFor指令的一些值。我正在尝试将数据转换为数组。这是我从服务器获得的信息: 我订阅的数据如下: onVideoClick(视频\u id){ 此.\u dashboardService.getVideoData(视频\u id) .订阅(视频数据=>{ if(videoData.ok){ log(videoData.json()); this.videoData=videoData.json(); }否则{ console.log('pas de données v
onVideoClick(视频\u id){
此.\u dashboardService.getVideoData(视频\u id)
.订阅(视频数据=>{
if(videoData.ok){
log(videoData.json());
this.videoData=videoData.json();
}否则{
console.log('pas de données vidéos');
}
});
}
我用以下方式显示我的数据:
{{vD.attr_libelle}}
如何将此对象转换为数组?我将使用库Lodash进行此转换
onVideoClick(视频\u id){
此.\u dashboardService.getVideoData(视频\u id)
.订阅(视频数据=>{
if(videoData.ok){
log(videoData.json());
this.videoData=\ u0.values(videoData.json());
}否则{
console.log('pas de données vidéos');
}
});
}
有关文档,请参阅。您可以为此实现自定义管道。下面是一个从对象条目创建数组的示例:
@Pipe({name: 'keys'})
export class KeysPipe implements PipeTransform {
transform(value, args:string[]) : any {
let keys = [];
for (let key in value) {
keys.push({key: key, value: value[key]);
}
return keys;
}
}
然后像这样使用它:
<span *ngFor="#entry of content">
Key: {{entry.key}}, value: {{entry.value}}
</span>
键:{{entry.Key},值:{{entry.value}
不要忘记将管道添加到要使用它的组件的
pipes
属性中。请将JSON添加为文本,不是屏幕截图。您需要指定要转换的对象。我如何自定义此管道以将复杂对象(如对象)解析为对象?您希望输出对象采用哪种结构?