如何在動態模板中的組件

Question

我想動態創建下面我的模板添加一個輔助功能的要素之一：

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

報告-的CheckedValue是幫助我返回檢查或未選中的複選框輸入值。但我可以得到它的工作。我感謝任何幫助！

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

如果你想在客戶端動態編譯你的模板，我建議你閱讀這個答案：Dynamically compile a HTMLBars template at runtime in Ember 2.5根據this one。

但是，這遠離Ember約定，如果不是絕對必要的話，您可能應該避免。