第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

如何以角度迭代對(duì)象數(shù)組

如何以角度迭代對(duì)象數(shù)組

我有一個(gè) BookArr 類書(shū)籍對(duì)象數(shù)組。book.ts 類export class Book{bookId:number;bookName:string;cost:number;quantity:number;constructor(bookId, bookType, cost, quantity){    this.cost=cost;    this.bookId=bookId;    this.bookName=bookName;    this.quantity=quantity;}}booksArr在 books-list.component.ts 中   booksArr: book[] = [    new book(100, "The Alchemist", 20, 1),    new book(101, "Rich Dad Poor Dad", 50, 2),    new book(102, "Charolett's Web", 10, 1),    new book(103, "Harry Potter", 70, 4),    new book(104, "Gone Girl", 150, 3),];我想用html創(chuàng)建一個(gè)表格來(lái)顯示這些書(shū)籍的詳細(xì)信息。 books-list.component.html<table border="1" *ngIf="bName">    <thead>      <tr>        <th>book ID</th>        <th>book Name</th>      </tr>    </thead>    <tbody>      <tr *ngFor="let b of booksArr">        <td *ngIf="b.//WHAT SHOULD I PUT HERE"</td>      </tr>    </tbody>  </table>
查看完整描述

4 回答

?
LEATH

TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個(gè)贊

您已經(jīng)在迭代 booksArr。只需要使用插值來(lái)顯示數(shù)據(jù)。嘗試這樣


<table border="1" *ngIf="bName">

    <thead>

        <tr>

            <th>book ID</th>

            <th>book Name</th>

        </tr>

    </thead>

    <tbody>

        <tr *ngFor="let b of booksArr">

            <td>{{b.bookId}}</td>

            <td>{{b.bookName}}</td>

        </tr>

    </tbody>

</table>


查看完整回答
反對(duì) 回復(fù) 2023-09-04
?
海綿寶寶撒

TA貢獻(xiàn)1809條經(jīng)驗(yàn) 獲得超8個(gè)贊

您已經(jīng)在使用 迭代書(shū)籍?dāng)?shù)組*ngFor="let b of booksArr"。


您現(xiàn)在想要對(duì)數(shù)組中每本書(shū)的值進(jìn)行插值。當(dāng)您位于數(shù)組內(nèi)部時(shí)，您可以訪問(wèn)在 中聲明的循環(huán)變量*ngFor。在這種情況下，循環(huán)變量是b。b您現(xiàn)在可以綁定到使用大括號(hào)插值的屬性。{{b.bookId}}。


<table border="1" *ngIf="bName">

  <thead>

    <tr>

      <th>book ID</th>

      <th>book Name</th>

    </tr>

  </thead>

  <tbody>

    <tr *ngFor="let b of booksArr">

      <td>{{b.bookId}}</td>

      <td>{{b.bookName}}</td>

    </tr>

  </tbody>

</table>


查看完整回答
反對(duì) 回復(fù) 2023-09-04
?
qq_遁去的一_1

TA貢獻(xiàn)1725條經(jīng)驗(yàn) 獲得超8個(gè)贊

在這種情況下不需要*ngIf。只需嘗試以下操作


<tbody>

        <tr *ngFor="let b of booksArr">

            <td>{{b.bookId}}</td>

            <td>{{b.bookName}}</td>

        </tr>

</tbody>

在你的 .ts 文件中你應(yīng)該改變


constructor(bookId, bookName, cost, quantity)

或者


this.bookName=bookType;

在你的構(gòu)造函數(shù)中


查看完整回答
反對(duì) 回復(fù) 2023-09-04
?
catspeake

TA貢獻(xiàn)1111條經(jīng)驗(yàn) 獲得超0個(gè)贊

嘗試：

<td> {{ b.bookId }} </td>
<td> {{ b.bookName }} </td>


查看完整回答
反對(duì) 回復(fù) 2023-09-04
  • 4 回答
  • 0 關(guān)注
  • 201 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)