Fatal编程技术网
  • javascript/
  • Javascript 无法将引导模型文本字段与敲除绑定

Javascript 无法将引导模型文本字段与敲除绑定

javascript knockout.js

Javascript 无法将引导模型文本字段与敲除绑定,javascript,knockout.js,bootstrap-modal,Javascript,Knockout.js,Bootstrap Modal,我有一个引导模式，单击按钮时会显示该模式。虽然我能够绑定视图中的所有值，但是我不能用knockout绑定模态属性 这是我的模式代码： <div class="form-group"> <label class="control-label col-xs-3" for="clientName">Client Name</label> <div class="col-xs-8 input-group">

我有一个引导模式，单击按钮时会显示该模式。虽然我能够绑定视图中的所有值，但是我不能用knockout绑定模态属性

这是我的模式代码：

  <div class="form-group">
      <label class="control-label col-xs-3" for="clientName">Client Name</label>
      <div class="col-xs-8 input-group">
            <input name="clientName" class="form-control" required id="clientName" data-bind="textInput: clientName">
      </div>                          
  </div>
模态显示得很好，但当我在文本字段中输入值并保存它时，“clientName”变量未定义，而具有输入的值onSaveClientProperties'是一个函数，在模式上单击按钮时运行

谢谢

我不知道您是如何设置模式的，但我写了一个plunker，它似乎可以满足您的需要： 


&时代；接近
客户
好的，我发现了问题。我使用VS 2015 ASP.NET单页模板创建了我的项目，它使用了Knockout-2.3.0.debug.js。首先，该资源没有被加载，因为它没有包含在默认的淘汰包中，所以我这样做了，但它仍然不起作用。我把我的淘汰赛升级到了淘汰赛3.4.2，瞧，它成功了

不知道为什么VS2015没有更新到淘汰赛的最新版本

我用你的代码替换了我的整个模式只是为了检查，我仍然得到了未定义的clientName。我认为这可能是绑定问题，但它正确地调用了onSaveClienProperties函数，所以我猜这不是绑定问题。 
self.clientName = ko.observable();
self.onAddNewClient = function () {
       $("#clientProperties").modal({ backdrop: "static" });
  };
self.onSaveClientProperties = function () {
        var item=self.clientName();

 };

<body>


  <div id="clientProperties" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span> <span class="sr-only">Close</span></button>
          <h4 class="modal-title" id="myModalLabel">Client</h4>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-md-6">
              <input name="clientName" class="form-control" required id="clientName" data-bind="textInput: clientName">
              <a href="#" data-bind="click: onSaveClientProperties" >save</a>
            </div>

              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

<a href="#" data-toggle="modal" data-target="#clientProperties"> Add new Client</a>