复选框没有返回false angular 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

所以现在我想要检查罗密欧先生复选框，因为书ID == 3 ，但所有复选框都被选中。 我认为我在check =“”中的条件是错误的。 我应该在那里做的正确条件是什么。

我也尝试过这个

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)] 。