2015-01-20 6 views
1

Я пытаюсь загрузить html-файл в backbone.js .but, я не умею отображать. Возможно, скажите, где я сделал неправильный .. я поделюсь своим кодом с u. **code**: http://goo.gl/CcqYwXКак показать html contend в backbone.js

$(document).ready(function(){ 
    var ContactManager = new Marionette.Application(); 
    ContactManager.addRegions({ 
     mainRegion:"#contend" 
    }) 

    ContactManager.on("start", function(){ 
     console.log("ContactManager has started!"); 


    }); 

    ContactManager.start(); 

// router 
    var routers = Backbone.Router.extend({ 
    routes: { 
     "": "showFirstPage" 
    }, 
    showFirstPage:function(){ 

    } 
    }) 

    var ToolItemView = Backbone.Marionette.ItemView.extend({ 

     template: 'template/test.html', 



    }); 
var toolItemview = new ToolItemView(); 
ContactManager.mainRegion.show(toolItemview); 

}) 

я пытаюсь загрузить test.html файл, но я не в состоянии сделать это ..?

ответ

1

Marionette использует шаблон подчеркивания по умолчанию. Вам нужно либо использовать какой-то внешний загрузчик для загрузки их в качестве переменных, либо вы можете поместить их в DOM как элементы сценария, которые затем можно связать с свойством шаблона. Смотрите здесь:

Так, например, если вы положили его в HTML код будет выглядеть

<html> 
<body> 
<script type="text/template" id="example"> 
<div class="template-content-here"> 
<%=variable_here %> 
<!-- probably more stuff here --> 
</div> 
</script> 

<script src="myApp.js"></script> 
</body> 
</html> 

, то вы можете ссылаться на него в JavaScript, как

var ToolItemView = Backbone.Marionette.ItemView.extend({ 

    template: '#example', 

}); 

Это работает хорошо для небольших проектов, для более крупных проектов вам понадобится какая-то система построения/модуля, чтобы вытащить предварительно скомпилированные шаблоны и напрямую ссылаться на них.

Way подробнее здесь: http://marionettejs.com/docs/v2.3.1/marionette.renderer.html

+0

мне нужно большого проекта могли бы вы сказать мне система сборки/модуля.? На самом деле просто дайте некоторые изменения в моем коде, чтобы я сделал после этого – user944513

+0

вы могли бы внести изменения в мой код и загрузить этот html .. – user944513

+0

Использование системы build/module больше похоже на ценность книг, чем для ответа StackOverflow. Я бы посоветовал начать с скриптов в вашем коде и получить базовые вещи, работающие сначала, прежде чем вы начнете беспокоиться об этом. Если вы хотите исследовать, я бы рекомендовал посмотреть на http://browserify.org/, но опять же, я бы сосредоточился на понимании Магины и Марионеток, прежде чем попытаться кипятить океан и изучить все сразу. –