複選框未返回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)]。