backbone.js에서 html을 표시하는 방법

backbone.js에서 HTML 파일을로드하려고합니다.하지만 뷰를 볼 수 없습니다. 내가 잘못 한 위치를 알려주십시오. ..i가 내 코드를 공유합니다. **code** : http://goo.gl/CcqYwX backbone.js에서 html을 표시하는 방법

$(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 파일을로드하려고하지만 난 그렇게 할 수없는입니다 ..?

출처

2015-01-20 user944513

마리오네트는 기본적으로 밑줄 템플릿을 사용합니다. 변수로로드하기 위해 일종의 외부 로더를 사용해야하거나 템플릿 요소로 참조 할 수있는 스크립트 요소로 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>

과 같을 것이다 당신은 작은을 위해 잘 작동

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

    template: '#example', 

});

로 자바 스크립트에서 참조 할 수있다 대형 프로젝트의 경우 미리 컴파일 된 템플릿을 가져 와서 직접 참조하는 일종의 빌드/모듈 시스템이 필요합니다. 여기

방법 추가 정보를 원하시면 : 나는 큰 프로젝트에 필요한 http://marionettejs.com/docs/v2.3.1/marionette.renderer.html

출처

2015-01-20 04:54:46

당신이 나에게 빌드/모듈 시스템을 알려 주시기 바랍니다 수 있습니다.? 사실 내 코드에서 약간의 변경을하면 그 이후로 할 것입니다 – user944513

내 코드에서 plese을 변경하고 그 HTML을로드 할 수 있습니까? – user944513

빌드/모듈 시스템을 사용하는 것은 StackOverflow 응답보다 더 가치있는 책과 같습니다. 먼저 코드에서 스크립트로 시작하고 기본적인 작업을 시작하는 것이 좋습니다. 조사하고 싶다면 http://browserify.org/을 살펴 보는 것이 좋겠지 만 다시 바다를 끓여 한 번에 모든 것을 배우기 전에 백본과 마리오네트를 이해하는 데 집중할 것입니다. –

backbone.js에서 html을 표시하는 방법

답변

관련 문제