<script type ="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">'正在成为一个余烬视图,我需要将它设置为'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>