附加ember.js视图叶子<;脚本>;使其不可见的标记

附加ember.js视图叶子<;脚本>;使其不可见的标记,ember.js,handlebars.js,Ember.js,Handlebars.js,我正在使用通过AJAX请求返回的templateName动态创建一个ember.js视图: [{"templateName":"ember/templates/questions/goal/goalType"}] 并将其作为余烬视图添加到列表元素,如下所示: attachQuestionView: function() { if (this.questionView != null) { this.questionView.remove(); } this.questi

我正在使用通过AJAX请求返回的templateName动态创建一个ember.js视图:

[{"templateName":"ember/templates/questions/goal/goalType"}]
并将其作为余烬视图添加到列表元素,如下所示:

attachQuestionView: function() {

  if (this.questionView != null) {
    this.questionView.remove();
  }

  this.questionView = Ember.View.create({
    templateName: Azul.questionCarouselController.get("current").templateName
  });

  this.questionView.appendTo('#question_li');
},
这似乎工作得几乎完美。它拉入当前问题的模板并将其附加到列表元素,但在其周围保留handlebars脚本标记,这会根据用户代理样式使其不可见:

<li id="question_li">
    <div id="ember398" class="ember-view">
    </div>
    <div id="ember424" class="ember-view">
      <script type="text/x-handlebars">
         <div id="ember448" class="ember-view">
           <div class="btn-group" data-toggle="buttons-radio">
             <a href="#" class="btn" data-bindAttr-8="8" data-ember-action="9">Option A</a>
             <a href="#" class="btn active" data-bindAttr-10="10" data-ember-action="11">Option B</a>
           </div>
         </div>
      </script>
   </div>
</li>

  • 我做错了什么?

    实际的模板是什么样的(模板/问题/目标/目标类型.把手)?看起来您所做的足够正确,因此我相信您的.handlebar文件中有脚本标记,您不应该这样做


    如果您直接在HTML文件中定义模板,您只需要

    (edge ember.js似乎也会出现这种情况)您能提供多一点代码吗?(AJAX调用返回的模板,以及您在客户端存储它的方式)抱歉-它不返回模板,而是返回与余烬应用程序其余部分一起预先交付的模板的templateName。我将添加该数据结构。