Hy,我遇到了这个错误信息,我找不到解决方案。
我在Knockout JavaScript库v2.2.0中收到此消息错误:
1053行第1053行未处理的异常 localhost:port / Scripts / knockout-2.2.0.debug.js 0x800a138f - Microsoft JScript运行时错误:'in'的操作数无效:对象 预期如果有此异常的处理程序,程序可能是 安全地继续。
它停在knockout-2.2.0.debug.js
的这行代码中 if ((initialValues !== null) && (initialValues !== undefined) && !('length' in initialValues))
我使用这个WebApi:
public class ProductsController : ApiController
{
IEnumerable<Product> products = new List<Product>()
{
new Product { Id = 1, Name = "Tomato_Soup", Category = "Groceries", Price = 1 },
new Product { Id = 2, Name = "Yo-yo", Category = "Toys", Price = 3.75M },
new Product { Id = 3, Name = "Hammer", Category = "Hardware", Price = 16.99M }
};
public IEnumerable<Product> GetAllProducts(){
return products.AsEnumerable(); }
我使用的脚本位于标题部分
@section Testscripts
{
<script src="~/Scripts/jquery-1.8.2.js"></script>
<script src="~/Scripts/knockout-2.2.0.debug.js"></script>
}
页脚默认脚本部分中的Knockout代码
@section scripts
{
<script type="text/javascript">
var apiUrl = '@Url.RouteUrl("DefaultApi", new { httproute = "", controller = "products" })';
function Product(data) {
this.Id = ko.observable(data.Id);
this.Name = ko.observable(data.Name);
this.Price = ko.observableArray(data.Price);
this.Category = ko.observable(data.Category);
}
function ProductViewModel() {
var self = this;
self.myproducts = ko.observableArray([]);
$.getJSON(apiUrl, function (allData) {
var mappedProducts = $.map(allData, function (item) { return new Product(item) });
self.myproducts(mappedProducts);
});
};
ko.applyBindings(new ProductViewModel);
}
并在正文中显示数据:
<ul data-bind="foreach: myproducts">
<li>
<input data-bind="value: Id" />
<input data-bind="value: Name" />
<input data-bind="value: Category" />
<input data-bind="value: Price" />
</li>
</ul>
答案 0 :(得分:2)
该错误发生在您的Product
功能中。
你想从ko.observableArray
创建一个data.Price
这是一个十进制值,而不是一个值数组,这导致这个不太好的例外。
更改为ko.observable
,它应该有效:
function Product(data) {
this.Id = ko.observable(data.Id);
this.Name = ko.observable(data.Name);
this.Price = ko.observable(data.Price);
this.Category = ko.observable(data.Category);
}