Jquery UI 1.10.4自动完成会在选择项目时导致错误“无法读取未定义的属性值”

Question

我正在使用Angular JS和Bootstrap 3开发ASP.Net MVC5应用程序

Jquery 1.10.2和JQuery UI是1.10.4

角度

中的自动完成指令

对于Auto complete，我通过调用控制器并返回JSON响应来获取源代码

因此自动完成功能正在呈现数据而没有任何问题，但是当我选择自动填充的选项时，我在浏览器中收到错误

“未捕获类型错误：无法在Jquery-ui-1.10.4.js上读取第2295行中未定义的属性值”

有人在

之前看到此错误

这是我的一些示例代码

   <<Autocompletedirective object>> .data('ui-autocomplete')
   ._renderItem = function (ul, item) {
                   return $('<li></li>')
                  .data('ui-autocomplete-item', item)
                  .append('<a>' + item.FirstName+ '-' + item.LastName+ '</a>')
                  .appendTo(ul);
                    };

知道我们为什么会收到这个错误吗？

Answer 1

试试这个

              .data('ui-autocomplete')
              ._renderItem = function (ul, item) {
               return $('<li>')
              .append('<a>' + item.FirstName+ '-' + item.LastName+ '</a>')
              .appendTo(ul);
                };

并确保返回的数据具有FirstName和LastName属性。