角度は、表示ファイル名のリストに* ngForデータを取得することはできません

brianf2005:

私は角8を使用していますし、私の.TSは、ファイル上で、私はこのデータを持っています:

mydata = [
    {
        "files": [
            "file1.txt",
            "file2.txt",
            "file3.txt"
        ]
    }
];

これは、私がデータからファイル名を表示したいので、これは私がしようとしているものです。

<ul *ngFor="let list of mydata">
    <li>{{ list[0].files }}</li>
</ul>

私はそれが何も表示されていないとして、私の形式は、間違っている、と思います。

私はこれをどのように修正することができますか?

マイケル・D:

ファイル名は再び、アレイの一部であるオブジェクト内に含まれる配列です。つまり、あなたの実際のオブジェクトに基づいて2つのループが必要になる場合があります。以下のことを試してください

<ng-container *ngFor="let data of mydata">
  <ul *ngFor="let file of data.files">
    <li>{{ file }}</li>
  </ul>
<ng-container>

おすすめ

転載: http://10.200.1.11:23101/article/api/json?id=383824&siteId=1