녹아웃 3.2 새 DOM 노드에 applyBindings

Question

나는 이전 검색을 검색하고 bidnigns를 수동으로 삭제하고 applybindings를 호출하는 방법에 대한 해킹을 검색하고 anythign과 직접 관련이없는 사용자 정의보기 모델을 작성하고 새 DOM 노드가 나타난 후에 바인딩을 적용합니다.

내 특정 시나리오는 bootstrap3 모달이 show가 호출 된 후에 기본적으로 다시 첨부된다는 것이며 모달의 항목 중 실제로 아무 것도 실제로 바인딩되지 않습니다.

대화 상자의 상태/속성을 나타내는 모델이 이미 있습니다. 그러나 dialogviewmodel을 내 pageViewModel의 자식으로하고 싶습니다.

내 질문에, 지금이 시점에서 가장 적절한 방법은 무엇입니까? 이 노드를 가지고이 속성에서 viewmodel에 연결한다고 말할 수있는 방법이 없습니까?

Answer 1

동일한 도구 (knockout 및 bootstrap3)를 사용하고 있습니다. 이것은 내가 예를 들어 조동사를 달성하는 방법입니다

이 사업부 내 index.html을에서 신체의 첫 번째 요소로 존재 :

<div class="modal fade" id="BaseModal" tabindex="-1" role="dialog" aria-labelledby="BaseModal" aria-hidden="true" data-backdrop="static" data-keyboard="false"> 
    <div id="modalLoading" class="ajax-loader"> 
     <img src="images/working_blue.gif" /> 
    </div> 
    <div class="modal-dialog modal-lg"> 
     <div id="ModalAnchor" class="modal-content col-lg-4 col-lg-offset-4" data-bind="html: $data.ModalContent"></div> 
    </div> 
</div> 

// This is typescript but the javascript should be pretty close to this. 
private LoadModalView(viewName: string, viewModel: any): void { 
    $.get(viewName) 
     .then((view: any, status: string, jxhr: JQueryXHR) => { 
      this.ModalContent(''); // ensure there is no content in the modal. 
      this.ModalContent(view); // Load new HTML 
      ko.applyBindingsToDescendants(viewModel, this.ModalAnchor[0]); // bind new modal viewmodel 
      this.BaseModal.modal('show'); // Open the modal 
     }, (view: any, status: string, jxhr: JQueryXHR) => { /*Do error handling*/ }); 
} 

편집 : 저는 여기에로드 HTML의 예입니다 모달 다음 LoadModalView 함수에서

<div class="modal-header"> 
    <h3 data-bind="text: $data.Header"></h3> 
</div> 
<div class="modal-body"> 
    <h5 data-bind="text: $data.Message"></h5> 
</div> 
<div class="modal-footer"> 
    <button id="OK" class="btn btn-primary center-block" data-bind="click: OK, text: ButtonText" /> 
</div> 

는 뷰 모델 파라미터는 새로운 모달 등의 새로운 데이터/콘텐츠/표현하는 뷰 모델이다.

모달 뷰 모델에서는 모달에 목적이있는 경우 '숨기기'를 호출합니다.

도움이 되었기를 바랍니다. 이 작업을 수행하는 데 '올바른'방법인지 '적절한 방법인지 모릅니다. 그러나 이것이 내 패턴입니다.