使用 KO 将数据绑定到文本框中答案

【问题标题】：Data-binding using KO into a text box使用 KO 将数据绑定到文本框中
【发布时间】：2014-03-31 17:26:55
【问题描述】：

所以，我正在尝试在我的文本框中放置一个剔除数据绑定属性——它正在使用引导程序 3.0.0 类，但没有运气。

有什么建议吗？

<div class="form-group">
   <label for="firstName" class="col-sm-2 control-label">First Name:</label>
       <div class="col-sm-4">
            <input type="text" data-bind="text: customerData.firstName" 
                   class="form-control" id="firstName" placeholder="First Name"/>
      </div>

提前感谢您的建议！

注意我知道数据绑定有效，因为当从输入标签中删除数据绑定属性时，我可以看到显示的正确数据。

【问题讨论】：

小提琴有机会吗？
当然——它在那里也不起作用..jsfiddle.net/WGA4z/3
这就是重点。它为其他所有人提供了可以立即调试的东西，从而重现了错误。否则每个人都必须单独重复第一步。
小提琴的第一次尝试很好，但你还没有真正重现这个问题。您需要将引导程序和淘汰赛库添加到小提琴中。这是一个bootstrap template，可以帮助您入门。然后通过转到左侧面板上的外部资源添加淘汰库
我尝试添加 knockout-3.0.0.js 以及仅 knockout.js，但它说找不到。抱歉——我对编码还是很陌生。

标签： twitter-bootstrap knockout.js textbox twitter-bootstrap-3

【解决方案1】：

你的小提琴中遗漏了一些东西。看看这个，了解如何让它发挥作用。

您始终需要应用绑定 ko.applyBindings(new MyFunction(data));

http://jsfiddle.net/barryman9000/LN3ZQ/2/

【讨论】：

感谢您的帮助！！
我建议注册 PluralSight 订阅 - 他们甚至有 10 天免费试用或类似的东西。在观看视频的几天内，您将了解很多关于 Knockout 的知识，这可能是自 jQuery 以来前端开发人员遇到的最好的事情。（我不为 PS 工作）。
谢谢你，真的。马克，深深感受到你的帮助！