如何實現可從余燼組件模板訪問的助手

Question

我編寫了一個組件來“包裝”語義UI“下拉” UI元素。

在此“下拉列表”中，我需要使用＃link-來生成一個鏈接，該鏈接將在選中某行時“觸發”。 我想定義一個幫助程序，使我可以操縱否則將是下拉菜單行的可見內容的字符串。 一個具體的例子是將字符串大寫。

我該怎么做呢 ？

謝謝戴夫

Answer 1

在所有模板中都可以訪問助手。 除非我缺少某些東西，否則它很簡單：

Em.Handlebars.helper('capitalize', function(string) {
  return string.capitalize();
});

在組件模板中，類似：

<ul>
  {{#each dropDownItems}}
    <li>{{#link-to link}}{{capitalize text}}{{/link-to}}</li>
  {{/each}}
</ul>

當然，確切的模板取決於組件的結構。

capitalize()是整個應用程序在Em.String可用的方法。

您可以在此處閱讀有關Ember助手的更多信息。