如何防止ember.js改变模板的结构？

Question

我正在使用ember.js 0.9.2(但这个问题也出现在HEAD修订版中)并且它正在改变我的模板的标记结构.我有这样的模板:

    <script type="text/x-handlebars" data-template-name="appointment-cell">
            <td colspan="1">
                <span class="reserved">
                    {{text}} 
                </span>
            </td>
    </script>

我的JS代码是这样的:

        var AppointmentCellView = Ember.View.extend({
            templateName: 'appointment-cell',
            text: 'Some name',
        });
        window.App = Ember.Application.create({
            init: function(){
                this._super();
                AppointmentCellView.create().appendTo("#the_tr");
            }
        });

但视图呈现如下:

<div id="ember142" class="ember-view">
    <span class="reserved">
        Some name 
    </span>
 </div>

不知道,但似乎ember.js正在删除我的td元素.这是我tagName: 'td'在view类中使用时的输出:

 <td id="ember142" class="ember-view"></td>

它甚至没有呈现内容!我错过了什么吗？

Answer 1

我花了一段时间才想出这一个......

您的问题是您没有格式正确的HTML,因此浏览器忽略了格式不正确的标记.看看这个jsFiddle并查看检查器中的结果.

如果您需要任何其他帮助,请不要犹豫!

PS请使用jsFiddle显示您的错误.它帮助我们:)