<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
所以现在我希望 Mr Romeo 复选框被选中,因为 book id == 3,但所有复选框都被选中。我认为我在 checked="" 中的条件是错误的。我应该在那里做的正确条件是什么。
这个我也试过
checked ="bookData.book_id == 3 ? true : false"
还是不行。
最佳答案
试试 [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)]
。
关于angular - 复选框不返回假 Angular 2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43302698/