knockout.js 런타임에 템플릿로드

Question

knockout.js를 inbuilt 템플릿 시스템과 함께 사용하고 있습니다. 템플릿을 다음과 같이 정의합니다.

<script type="text/html" id="subjectItemView"> 
    <span class="name" data-bind="text: subjectName" /> 
</script> 

그런 다음 템플릿의 ID를 사용하여 스크립트의 일부로 사용하는 것이 필요합니다.

단일 페이지 응용 프로그램에 이러한 템플릿이 적고 최근에 require.js를 사용하여 필요할 때만 필요한 스크립트를로드하는 방법으로 이동했습니다. 내 모듈이 종속 파일로 템플릿을 나열 할 수 있도록 require.js를 사용하여 템플릿과 동일한 작업을 수행하고 싶습니다.

어떻게하면됩니까?

Answer 1

나는 require.js 텍스트 플러그인 : http://requirejs.org/docs/api.html#text을 사용합니다. 템플릿 텍스트를 얻은 다음 새 스크립트 태그 (text/html 또는 자바 스크립트가 아닌 다른 유형의 태그)로 페이지에 추가 할 수 있습니다.

실제로 문자열을 직접 처리하는 수정 된 템플릿 엔진을 사용하여 추가 스크립트 태그를 페이지에 추가 할 필요가 없습니다.

this.activate = function() { 
     //load view model from the server 
     if (!this.loaded) { 
      require(["modules/" + name, "text!../templates/" + self.template + ".html"], function(Module, template) { 
       ko.templates[self.template] = template; 
       self.data(typeof Module === "function" ? new Module() : Module); 
       self.loaded = true; 
      }); 
     } 
    }; 

내가 좋아하는 외모 사용하는 stringTemplateEngine : 잘 작동 https://github.com/rniemeyer/SamplePresentation/blob/master/js/stringTemplateEngine.js