复选框没有返回错误的角度 2

Question

<div *ngFor="let bookData of allBookData.books">
      <input #bookArray type="checkbox" id="bookArray " name="bookArray " class="form-control" value="bookData.bookname" checked="bookData.book_id == 3"> {{bookData.bookname}}
</div>

我在 allBookData 中有 3 本书

book_id :1 bookname: The Magician
book_id :2 bookname: Rainbow Behind Tree
book_id :3 bookname: Mr Romeo

所以现在我希望罗密欧先生复选框被选中，因为 book id == 3，但所有复选框都被选中。我认为我在 checked="" 中的条件是错误的。我应该在那里做的正确条件是什么。

我也试过这个

checked ="bookData.book_id == 3 ? true : false"

还是不行。

Answer 1

试试[checked]="expression"

<div *ngFor="let bookData of allBookData.books">
  <input #bookArray type="checkbox" id="bookArray " name="bookArray " class="form-control" value="bookData.bookname" [checked]="bookData.book_id === 3"> {{bookData.bookname}}
</div>

---

顺便说一句，这里不推荐value属性，最好使用[(ngModel)]。