使用knockout js这个视图绑定有什么问题 [英] Whats wrong with this view binding using knockout js

问题描述

 <   table  >  
 <   tbody     data-bind   =  foreach：showinTable >  
 <   tr  >  
 <   td  >  
 <  输入    data-bind   = 值：proudctID    /  >  
 <   / td  >  
 <   td  > ;  
 <  输入    data-bind   =  value：proudctName     /  >  
 <   / td  >  
 <   / tr  >  
 <   / tbody  >  
 <   / table  >  

 $。getJSON（  / api / Product / GetProducts， null ， function （数据，status，jqxhr）{
  //   alert（data.products） 
 self.showinTable = ko.mapping.fromJSON（data）; 
 ko.applyBindings（ new  AppViewModel（））; 
}）; 

未捕获错误：无法解析绑定。 
消息：ReferenceError：showinTableis未定义; 
绑定价值：价值：foreach 

json数据

 {  products：[{  proudctID： 1 ，  proudctName： 产品一个}，{  proudctID： 2 ，  proudctName：  产品二}，{  proudctID ： 3 ，  proudctName： 产品三}，{  proudctID： 4 ，  proudctName：  Product Four}，{  proudctID： 5 ，  proudctName： 产品五}]} 

解决方案

.getJSON（ / api / Product / GetProducts， null ， function （data，status，jqxhr）{
// alert（data.products）
self.showinTable = ko.map ping.fromJSON（数据）;
ko.applyBindings（ new AppViewModel（））;
}）;

未捕获错误：无法解析绑定。 
消息：ReferenceError：showinTableis未定义; 
绑定价值：价值：foreach 

json数据

 {  products：[{  proudctID： 1 ，  proudctName： 产品一个}，{  proudctID： 2 ，  proudctName：  产品二}，{  proudctID ： 3 ，  proudctName： 产品三}，{  proudctID： 4 ，  proudctName：  Product Four}，{  proudctID： 5 ，  proudctName： 产品五}]} 

<table>
            <tbody data-bind="foreach: showinTable">
                <tr>
                    <td>
                        <input data-bind="value: proudctID" />
                    </td>
                    <td>
                        <input data-bind="value: proudctName" />
                    </td>
                </tr>
            </tbody>
        </table>

$.getJSON("/api/Product/GetProducts", null, function (data, status, jqxhr) {
            //alert(data.products)
            self.showinTable = ko.mapping.fromJSON(data);
            ko.applyBindings(new AppViewModel());
        });

Uncaught Error: Unable to parse bindings.
Message: ReferenceError: showinTableis not defined;
Bindings value: value: foreach

json data

{"products":[{"proudctID":1,"proudctName":"Product  One"},{"proudctID":2,"proudctName":"Product  Two"},{"proudctID":3,"proudctName":"Product  Three"},{"proudctID":4,"proudctName":"Product  Four"},{"proudctID":5,"proudctName":"Product  Five"}]}

解决方案

.getJSON("/api/Product/GetProducts", null, function (data, status, jqxhr) { //alert(data.products) self.showinTable = ko.mapping.fromJSON(data); ko.applyBindings(new AppViewModel()); });

Uncaught Error: Unable to parse bindings.
Message: ReferenceError: showinTableis not defined;
Bindings value: value: foreach

json data

{"products":[{"proudctID":1,"proudctName":"Product  One"},{"proudctID":2,"proudctName":"Product  Two"},{"proudctID":3,"proudctName":"Product  Three"},{"proudctID":4,"proudctName":"Product  Four"},{"proudctID":5,"proudctName":"Product  Five"}]}

这篇关于使用knockout js这个视图绑定有什么问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！