0

나는 트위터 부트 스트랩 모달 다이얼로 일하는 녹아웃 js를 얻으려고 노력하고있다.knockout js를 사용할 때이 트위터 부트 스트랩 모달이 작동하지 않는 이유는 무엇입니까?

저는 연락처 편집기 예제를 knockout js 웹 사이트에서 가져 와서 추가/편집을 위해 모달 대화 상자를 사용하도록 변경했습니다.

나는 꽤 오랫동안 작동 시키려고 노력했지만 시간이 걸리지 않았습니다.

현재 위치를 볼 수 있습니다 :

http://jsfiddle.net/27pscgnk/5/

감사합니다 사전에 어떤 솔루션

내가 문제가 (사용자가 클릭을 저장할 때이 호출 점점되지 않음) 여기에있을 수 있습니다 생각

을 위해 :

self.addContact = function() { 
    self.contacts.push({ 
     firstName: "", 
     lastName: "", 
     phones: ko.observableArray() 
    }); 
}; 
+0

을, 문제는 우리가 관찰 배열에있는 만 참조 할 수있는 이름 및 성을 참조하고 당신입니다 forEach 바인딩에서 다음을 시도하십시오. http://jsfiddle.net/27pscgnk/6/ – Shiala

답변

2

필인의 오류를 일부 제거하고 추가 기능을 입력에 따라 작동하도록 변경했습니다. 흐름

self.contact = { 
    firstName: ko.observable(), 
    lastName: ko.observable(), 
} 

self.addContact = function() { 
    self.contacts.push({ 
     firstName: self.contact.firstName(), 
     lastName: self.contact.lastName(), 
     phones: ko.observableArray() 
    }); 
}; 

와 바인딩에 http://jsfiddle.net/27pscgnk/6/ : 문제는 부트 스트랩되지

<div class="form-group"> 
    <label for="inputNameLbl" class="col-sm-2 control-label">First Name</label> 
    <div class="col-sm-10"> 
     <textarea data-bind="value: contact.firstName"></textarea> 
    </div> 
</div> 
<div class="form-group"> 
    <label for="inputDescLbl" class="col-sm-2 control-label">Last Name</label> 
    <div class="col-sm-10"> 
      <textarea data-bind="value: contact.lastName"></textarea> 
    </div> 
</div> 
관련 문제