2012-04-18 43 views
0

我動態創建使用TEMPLATENAME通過AJAX請求返回的ember.js觀點:附加ember.js視圖離開<script>標籤,使得它無形

[{"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'); 
}, 

這似乎工作幾乎完美。它拉模板當前問題,並將其追加到列表元素,但離開車把腳本標記周圍,這使得它每用戶代理樣式無形:

<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> 

我在做什麼錯?

+0

(似乎也發生在邊緣ember.js) – outside2344 2012-04-18 03:15:40

+0

你能否提供一點點的代碼? _(AJAX調用返回的模板,以及將其存儲在客戶端的方式)_ – 2012-04-18 08:02:53

+0

對不起 - 它不返回模板,而是返回預先與其他應用程序一起提交的模板的templateName。我將添加該數據結構。 – outside2344 2012-04-18 14:58:26

回答

2

實際模板是什麼樣子(templates/questions/goal/goalType.handlebars)?它看起來像你正在做的是正確的,所以它讓我相信你的.handlebars文件中有腳本標記,你不應該這樣做。如果您直接在HTML文件中定義模板,則只需要<script type="text/x-handlebars"></script>