如何实现可从ember组件模板访问的帮助程序

Question

我已经写了一个组件来包装＆＃39;语义 - 下拉＆＃39; ui元素。

在此＆＃39;下拉列表中＆＃39;我需要使用＃link-to来生成一个链接，该链接将会触发＆＃39;选择行时我想定义一个帮助器，它允许我操作字符串，否则它将成为下拉菜单行的可见内容。一个具体的例子是将字符串大写。

我该怎么做？

由于 戴夫

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 helpers here的更多信息。