我已经使用 JSON.Net 将一些 XML 转换为 Json,然后使用 Knockout.js 绑定到一个视图。
我遇到的问题是我的 XML 属性以 json 表示,前缀为 @,在 Knockout.js 中被视为非法字符。
我的视图模型具有以下内容:
self.titles = ko.computed(function () {
var str = self.searchForText().toLowerCase();
return jsonString.AutoPolicy.Policy.filter(function (el) {
return el['@id'].toLowerCase().indexOf(str) == 0;
});
}, self);
和我的html:
<div id="searchResultsDiv" class="sectionDiv">
<div data-bind="foreach: titles">
<div data-bind="text: @id, click: $parent.isSelected, event : { dblclick: $parent.openFileDblClick }"></div>
</div>
</div>
如何绑定到属性?是否有转义键或从视图模型返回的替代方法?
编辑
我已经修改了我的视图模型以添加一个可以绑定到的元素:
// bind a list to json data **NEEDS TO VE ALL TITLES**
self.titles = ko.computed(function () {
var str = self.searchForText().toLowerCase();
jsonString.AutoPolicy.Policy['@id']
return jsonString.AutoPolicy.Policy.filter(function (el) {
el.id = el['@id'];
return el['@id'].toLowerCase().indexOf(str) == 0;
});
}, self);
这给出了预期的结果,但有更好的方法吗?
谢谢