爲什麼使用knockout js時這個twitter bootstrap模式不起作用？

Question

我正在嘗試使用twitter bootstrap模式對話框來獲取淘汰賽js。

我已經從knockout js網站取得了聯繫人編輯器的例子，並將其改爲使用模式對話框進行添加/編輯。

我花了很長時間試圖使它工作，但由於某種原因，它不是。提前

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

感謝您的任何解決方案

我覺得問題可能出在這裏（這當用戶點擊保存是沒有得到所謂的）：

你可以在這裏查看：

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

Answer 1

我刪除了一些錯誤的小提琴，改變了附加功能，根據您輸入的工作，看看小提琴ñ流http://jsfiddle.net/27pscgnk/6/

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() 
    }); 
}; 

，並在綁定：

<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>