流星複選框 - 顯示錶達式的值作爲字符串，不解釋爲布爾

Question

我有一個複選框實現，它工作得很好。

HTML：

<form> 
    <ul> 
     {{#each checkbox}} 
     <li> 
      <input type="checkbox" checked="{{checked}}" class="toggle-checked"> {{name}}: {{checked}} 
     </li> 
     {{/each}} 
    </ul> 
</form> 

JS：

Cbtest = new Mongo.Collection('cbtest'); 

Template.checkbox.helpers({ 
    checkbox: function() { 
     return Cbtest.find(); 
    } 
}); 

Template.checkbox.events({ 
    "click .toggle-checked": function() { 
     var self = this; 
     Meteor.call("setChecked", self._id, !self.checked); 
    } 
}); 

Meteor.methods({ 
    setChecked: function (checkboxId, setChecked) { 
     Cbtest.update(checkboxId, { 
      $set: { 
       checked: setChecked 
      } 
     }); 
    } 
}); 

我想要顯示的值取決於複選框的狀態（ 「真」 或 「假」）。 現在看來表達式「{{checked}}」被評估爲true或false，如果其爲true，則返回相應文檔條目的值。 我該如何顯示內容爲String（「true」/「false」）？

在此先感謝！ Vin的

Answer 1

您可以添加另一個幫手，使用toString()函數變換checked布爾成字符串：

checkedString: function() { 
    return this.checked.toString(); 
} 

然後在模板中使用這個助手：

<input type="checkbox" checked="{{checked}}" class="toggle-checked"> {{name}}: {{checkedString}} 

看到這個流星pad進行演示。