Thuộc tính kiểm tra hộp kiểm Ngọc không được kiểm soát dựa trên điều kiện (nếu)

Question

Làm cách nào để nhận được ngọc bích để hiển thị thuộc tính đã chọn của hộp kiểm dựa trên điều kiện? Giống như hai phiên bản của thẻ checkbox HTML:

này có vẻ là phiên bản chỉ có giá trị của kiểm soát:

> <input type="checkbox" name="vehicle" value="Bike"> 

Trong khi điều này được kiểm tra:

> <input type="checkbox" name="vehicle" value="Car" checked="checked"> 

Đây là những gì tôi đã thử cho đến thời điểm này:

Jade Điều này là tốt:

input(type="checkbox", name="completed", checked=(true===true ? "checked" : "")).checkbox 

vì nó ám này:

<input type="checkbox" name="completed" checked="checked" class="checkbox"> 

nhưng Jade đây không phải là tốt:

input(type="checkbox", name="completed", checked=(false===true ? "checked" : "")).checkbox 

vì nó ám này:

<input type="checkbox" name="completed" checked="" class="checkbox">

thay vì điều này:

<input type="checkbox" name="completed" class="checkbox">

Làm thế nào để tôi nhận được Jade để làm cho toàn bộ thuộc tính kiểm tra thay vì chỉ các giá trị của attibute kiểm tra?

Answer 1

Bạn có thể sử dụng:

input(type="checkbox", name="completed", checked=(true===false ? "checked" : undefined)) 

Answer 2

Không cần phải xác định các giá trị:

input(type="checkbox", name="completed", checked=(condition)) 

Nếu điều kiện là sai, không có thuộc tính kiểm tra sẽ nói thêm.

Answer 3

Một cách khác để làm điều tương tự là do 'nếu' điều kiện:

if(#{data.refrigerated} == '1') 
    input(type='checkbox', name='refrigerated', checked) 
else 
    input(type='checkbox', name='refrigerated') 

Khi điều kiện sẽ là đúng, Bạn sẽ được kiểm tra hộp kiểm trên DOM nếu không bạn sẽ nhận được hộp kiểm được kiểm soát.

Answer 4

bạn có thể thử như thế này

option(value='man' selected = profile.sex ==='man') man 
    option(value='female' selected = profile.sex ==='female') female