删除显示值的文本绑定
Knockout text binding showing the value
我正在尝试将一个元素文本绑定到一个段落标记。它工作不正常,在浏览器中没有出现任何错误。我正在使用Visual Studio进行开发。我创建了一个小提琴来显示问题,在那里我得到了一个错误,我的绑定没有定义。
function checking(obj)
{
var self = this;
self.check = ko.observable(obj.count);
alert(self.check());
};
function MyVM()
{
var self = this;
self.MyArr = ko.observableArray();
var myObj = {count: 4};
self.function1 = function(){
self.MyArr.push(new checking(myObj));
};
self.function1();
}
ko.applyBindings(new MyVM(), document.getElementById('myId'));
我的HTML:
<div id = "myId">
<p data-bind="text: check"></p>
</div>
我知道如果我在MyVM()中定义检查字段,那么它会起作用,但我想使用来自检查(obj)的检查字段。实现这一目标的正确途径是什么。
这是链接http://jsfiddle.net/6ymx8vja/
尝试构建类似于viewModel 的视图
视图:
<div data-bind="foreach:MyArr">
<p data-bind="text: check"></p>
</div>
view模型:
function checking(obj)
{
var self = this;
self.check = ko.observable(obj.count);
};
function MyVM()
{
var self = this;
self.MyArr = ko.observableArray();
var myObj = {count: 4};
self.function1 = function(){
self.MyArr.push(new checking(myObj)); //your `check` is present inside observableArray so you need to get hold of observableArray to access its inside content
};
self.function1();
}
ko.applyBindings(new MyVM());
正在处理此处
如果不想在视图中使用foreach
,您可以通过索引直接访问像这个
相关文章:
- 使用敲除绑定多个文本数据
- 在文本框上绑定谷歌地点自动完成,而无需实例化谷歌地图
- 将包含 javascript 的文本绑定到模板中的 innerHTML
- 将 d3 演示中的圆圈和文本替换为包含自定义 HTML 和 ko 绑定的 foreignObject
- 将按钮绑定到几个基于文本框中值的大小而激活的文本框
- 如何使用文本下拉列表中的绑定值来执行计算
- 如何连接文本绑定中使用的可观察量的值
- KnockoutJS,文本与值绑定.为什么文本绑定不绑定到输入字段
- 使用挖空将选项文本绑定到具有对象数组的属性
- 挖空 要在单个标记中显示的文本绑定
- 在单击按钮之前,不会显示已编译的文本绑定
- Kendo MVVM 使用换行符将文本绑定到文本区域
- 数组的文本绑定元素
- 删除文本绑定不能用于输入
- 在knockout中扩展文本绑定
- js文本绑定客户端更改不更新视图模型
- 如何在Angularjs中将文本绑定为DOM对象
- 将文本绑定到子对象的属性
- 删除显示值的文本绑定
- 如何做一个onmouseover文本绑定