如何在动态模板中为组件中的某个元素添加帮助程序函数

Question

我正在尝试动态创建我的模板，如下所示：

template: '<div> <input type="checkbox"  {{report-checkedvalue}} value="#:' + filterField + '#"/>#:' + filterField + '#</div>'

报告检查值是我的助手，它为我的复选框输入返回选中或未选中的值。但我可以让它工作。我感谢任何帮助！

Answer 1

我不知道在angularjs中是如何工作的

但这是我能提供的帮助

对模板使用条件字符串，例如

var isChecked = {{report-checkedvalue}} // true or false
var template = '';
if(isChecked){
    template = '<div> <input type="checkbox"  checked value="#:' + filterField + '#"/>#:' + filterField + '#</div>'
}
else {
    template = '<div> <input type="checkbox" value="#:' + filterField + '#"/>#:' + filterField + '#</div>'
}

这将在您的 html 中生成选中和未选中的复选框。

Answer 2

如果你想在客户端动态编译你的模板，我建议你阅读这个答案：基于这个在 Ember 2.5 中运行时动态编译一个 HTMLBars 模板。

但这远非 Ember 公约，如果不是绝对必要，您可能应该避免。