Question

JS：

Ember.Handlebars.registerHelper('demo-helper', function (property, options) {
    console.log('demo helper');
    return '<li><a> '+ msg+'</a></li>';
});

hbs：

{{#demo-helper}} msg {{/demo-helper}}

如何用任何自定义标签包装hi（车把的内部html）？。我知道该组件具有用给定标签封装html的tag参数。但它只支持一个标签。我想用多个标签封装，如

<li><a>innerhtml</a></li>

Answer 1

这是组件的用途。他们可以拥有任意大小的模板。您可以使用{{yield}}在组件内嵌套其他html。

请参阅https://guides.emberjs.com/v2.15.0/components/wrapping-content-in-a-component/。

组件模板：

<div><div><div>{{yield}}</div></div></div>

用法：

{{#my-component}} Hello world {{/my-component>}}

组件功能非常强大，还有许多其他选项，请参阅指南以获取更多信息。他们是最好的资源。

如何在Ember js中编写自定义车把？

1 个答案: