复选框没有返回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 ，但所有复选框都已选中。我认为 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>

BTW，此处不推荐value属性，最好使用[(ngModel)]。