0

我已经使用 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);

这给出了预期的结果,但有更好的方法吗?

谢谢

4

1 回答 1

2

尝试这样的事情:

<div data-bind="text: $data['@id']"></div>
于 2013-01-09T10:48:56.447 回答