个人中心
gpt4 book ai didi

Type 'myInterface' is not assignable to type 'NgIterable | null | undefined' Angular [closed](类型‘myInterface’不能赋值给类型‘NgIterable|Null|UnDefined’角度[闭合])

转载 作者：bug小助手 更新时间：2023-10-24 21:22:40 25 4
gpt4 key购买 nike




I have an error that I don't understand, I have a json and I made an interface when I try to loop on it I get an error in my html.

我有一个错误，我不明白，我有一个json，我做了一个接口，当我试图循环它时，我在我的html中得到了一个错误。


the json format is quite complex for me.

JSON格式对我来说相当复杂。


thanks.

谢谢。


the error in pictures

图片中的错误


json

杰森


{
  "images": [
    {
      "url": "http://24.media.tumblr.com/tumblr_m82woaL5AD1rro1o5o1_1280.jpg",
      "id": "MTgwODA3MA"
    },
}

interface

接口


export interface Catlist {
    images: Image[];
}

export interface Image {
    url: string;
    id:  string;
}

service

服务


  getAllCat(): Observable<Catlist> {
    return this.http.get<Catlist>("/api/data/cats.json");
  }

ts.file

Ts.file


  ngOnInit(): void {
    this.unsubscribe = this.catService.getAllCat().subscribe((res: Catlist) => {
      this.data = res;
    })
  }

html

HTML


<div class="separate" *ngFor="let cat of data">
    <img [src]="cat.url">
</div>

更多回答

Your JSON isn't valid. You can validate JSON with JSONLint. Please post code, logs and error messages as text, not as images. data is of type CatList and not iterable. You probably mean data.images.

您的JSON无效。您可以使用JSONLint验证JSON。请以文本形式发布代码、日志和错误消息，而不是图像。数据属于CatList类型，不可迭代。你可能指的是数据。图像。

优秀答案推荐

As the error message states, you're trying to loop over an object of type Catlist. You probably meant to iterate over the Catlist.images array.

正如错误消息所述，您正试图循环访问CatList类型的对象。您的目的可能是迭代Catlist.Images数组。


<div class="separate" *ngFor="let cat of data.images">
    <img [src]="cat.url">
</div>

更多回答

25 4 0
文章推荐： Multiple references to Entity within a single Aggregate Root confronts the delete and insert methodology(对单个聚合根中的实体的多个引用将面临删除和插入方法)
文章推荐： How can I resolve "UserWarning: The palette list has more values (10) than needed (4), which may not be intended"?(如何解析“UserWarning：调色板列表的值(10)多于所需的值(4)，这可能不是故意的”？)
文章推荐： What does the compile-time error "Undefined symbols for architecture x86_64" mean?(编译时错误“未定义的体系结构符号x86_64”是什么意思？)
文章推荐： Material ui autocomplete how to render options that do not have labels with icon(材质用户界面自动完成如何渲染没有带图标标签的选项)
bug小助手
个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章
滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com