javascript - <脚本类型 ="x-text/handlebars"总是变成 'ember-view' 作为一个 div - 如何让它成为一个跨度？

Question

看看这个 JS:

App = Ember.Application.create();

App.AView = Ember.View.extend({
    tagName: 'span',
    firstName: 'Joe',
    surname: 'Bloggs'
});

和这个 HTML:

<script type="text/x-handlebars">
    {{#view App.AView}}{{firstName}}{{/view}}
</script>
<script type="text/x-handlebars">
    {{#view App.AView}}{{surname}}{{/view}}
</script>

呈现时(如本 jsfiddle 中所示:http://jsfiddle.net/r9svv/3/)显示:

Joe
Bloggs

我希望它们出现在同一行，即 ' <script text="text/x-handlebars"> ' 正在成为一个 Ember View ，我需要将它设置为 'span' 而不是 'div'。我该怎么做？

谢谢

Answer 1

您可以指定 data-tag-name在 <script> 上标签:

<script type="text/x-handlebars" data-tag-name="span">
    {{#view App.AView}}{{firstName}}{{/view}}
</script>
<script type="text/x-handlebars" data-tag-name="span">
    {{#view App.AView}}{{surname}}{{/view}}
</script>