Javascript 为什么这个twitter引导模式在使用击倒js时不起作用？

我试图让击倒js使用twitter引导模式对话框

我从knockout js网站获取了contacts编辑器示例，并将其修改为使用模式对话框进行添加/编辑

我花了相当长的时间试图使它工作，但由于某种原因，它不是

您可以在此处查看：

提前感谢您提供的任何解决方案

我认为问题可能在这里（当用户单击“保存”时不会调用此选项）：

---

我删除了小提琴中的一些错误，并根据您的输入将添加功能更改为工作，现在看看小提琴

在约束中：

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

名字
姓

问题不在于引导，而在于您我们引用的是firstName和lastName，它们位于可观察数组中，只能在forEach绑定中引用，请尝试以下操作

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>