复选框未返回false角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> 

---

顺便说一句，在value财产不在这里recommened，最好使用[(ngModel)]。