KnockoutJS,文本与值绑定.为什么文本绑定不绑定到输入字段
KnockoutJS, Text vs Value Binding. Why Text Binding Doesn't Bind to an Input Field?
来自淘汰赛教程:
为什么会这样?
<p>First name: <input data-bind="value: firstName" /></p>
虽然这没有?
<p>First name: <input data-bind="text: firstName" /></p>
视图模型
// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
function AppViewModel() {
this.firstName = "Bert";
this.lastName = "Bertington";
}
因为在 html 中,"input type="text"' 中的键入文本存储在名为 value 的属性中。
值绑定影响元素的 value 属性,文本绑定更改元素的内部文本。
通过写作
<input data-bind="text: firstName" />
您正在尝试更改输入元素的内容。输入不允许内容。
<input value="where the value binding writes its data">
where the text binding writes its data
</input>
相关文章:
- 使用敲除绑定多个文本数据
- 在文本框上绑定谷歌地点自动完成,而无需实例化谷歌地图
- 将包含 javascript 的文本绑定到模板中的 innerHTML
- 将 d3 演示中的圆圈和文本替换为包含自定义 HTML 和 ko 绑定的 foreignObject
- 将按钮绑定到几个基于文本框中值的大小而激活的文本框
- 如何使用文本下拉列表中的绑定值来执行计算
- AngularJs的Kendo UI:当用户在网格中选择行时,如何在文本框字段上绑定数据
- 使用XML将头文本、段落文本和按钮和每个图像绑定
- Jquery:如何动态绑定带有onload事件的文本框
- 如何绑定网格'使用Telerik的带有文本框的数据源
- Angular Js将文本输入与模型绑定
- AngularJS - 需要帮助在绑定文本输入中显示字符串的当前长度
- 从javascript获取水印绑定文本框的文本值
- Aurelia:绑定文本自定义元素的内容
- 属性名称中带有短划线的数据绑定文本
- activejs:数据绑定文本区域导致无法用null调用removeChild
- 如果选中复选框,则绑定文本框值
- 取消绑定文本框以选择文本
- 使用onclick事件-jquery的响应绑定文本框
- 如何嵌套数据绑定文本