Javascript Angular UI引导程序Typeahead不适用于筛选器和orderBy

Javascript Angular UI引导程序Typeahead不适用于筛选器和orderBy,javascript,angularjs,angularjs-filter,bootstrap-typeahead,angularjs-orderby,Javascript,Angularjs,Angularjs Filter,Bootstrap Typeahead,Angularjs Orderby,当项目详细信息来自另一个JSON对象时,是否有使用typeahead搜索项目名称的选项 演示: 另一个过滤器和orderBy工作正常,但我无法从typeahead中找到基于列表中所选项目的orderBy和filter的项目搜索解决方案 angular.module('mytodos',['ui.bootstrap']).controller('TodoController',function($scope){ $scope.changeNum=函数(itemNum){ $scope.numPe

当项目详细信息来自另一个JSON对象时,是否有使用typeahead搜索项目名称的选项

演示:

另一个过滤器和orderBy工作正常,但我无法从typeahead中找到基于列表中所选项目的orderBy和filter的项目搜索解决方案

angular.module('mytodos',['ui.bootstrap']).controller('TodoController',function($scope){
$scope.changeNum=函数(itemNum){
$scope.numPerPage=itemNum;
};
$scope.numsForPage=[5,10,25,50,100];
$scope.currentPage=1;
$scope.numPerPage=5;
$scope.maxSize=5;
//分类
$scope.changeSort=函数(项){
$scope.reverse=$scope.reverse=!$scope.reverse;
$scope.sort=项目;
};
$scope.filteredTodos=[];
$scope.currentPage=1;
$scope.numPerPage=5;
$scope.maxSize=5;
$scope.expenses=[
{
“id”:1,
“姓名”:“沃伦·菲利普斯”,
“金额”:“37.47”,
“日期”:“2015年11月12日”,
“项目id”:1,
“型号识别号”:1,
“说明”:"布朗迪特。纳姆·迈格纳,马莱苏达·维尔,康瓦利斯,卡苏斯和厄洛斯。普洛斯。两个蜗牛坐在阿米特·梅特斯的位子上。阿利奎姆·埃拉特·奥拉帕特。无脸脸。悬垂的商品。无脸。整只秃鹫,一只乌贼,一只乌贼,一只乌贼,一只乌贼,一只乌贼,一只乌贼,一只乌贼,一只乌贼,一只乌贼,一只乌贼,一只乌贼,一只乌贼,一只乌贼,一只乌贼,一只乌贼,一只乌贼,一只乌贼euismod et,commodo at,libero,Morbi accumsan“
}, {
“id”:2,
“姓名”:“Declan Ayala”,
“金额”:“29.18”,
“日期”:“2014年12月17日”,
“项目id”:3,
“型号识别号”:8,
“描述”:“整型eu lacus.Quisque imperdiet、erat nonummy ULTRICES ornare、elit elit MENTERUM risus、FRINGILA purus mauris a nunc、pede.Cras”
}, {
“id”:3,
“姓名”:“伊凡娜·贝尔”,
“金额”:“88.53”,
“日期”:“2014年11月20日”,
“项目id”:3,
“型号识别号”:6,
“描述:”“我是大君主,我是小矮人,我是小矮人,我是小矮人,我是小矮人,我是小矮人,我是小矮人。”
}, {
“id”:4,
“姓名”:“Brennan Noel”,
“金额”:“17.76”,
“日期”:“2015年6月2日”,
“项目id”:6,
“型号识别号”:22,
“描述”:“velit eu sem.Pellentesque ut ipsum ac mi eleifend egestas.Sed pharetra,felis”
}, {
“id”:5,
“姓名”:“Thomas Tran”,
“金额”:“29.59”,
“日期”:“2014年8月20日”,
“项目id”:3,
“型号识别号”:7,
“描述”:“nisl sem、consequat nec、mollis vitae、posuere at、velit、Cras lorem lorem、luctus ut、pellentesque eget、dictum placerat、augue、Sed molestie、Sed RISS quis quis quis diam luctus lobortis、Class aptent taciti SOCIASQU AND litora、conubia nostra、CEPTOS hymenaeos、Mauris ut QUA WAM WAM WAM SAPIENA ornare。”
}, {
“id”:6,
“姓名”:“塔克·博尔顿”,
“金额”:“66.69”,
“日期”:“2014年9月12日”,
“项目id”:4,
“型号识别号”:14,
“说明”:这句话的意思是:“我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们。”例如,我的朋友马蒂斯·奥纳雷,我的演讲稿,我的朋友马蒂斯·维利特,我的猫,阿迪皮斯·弗林利亚,我的朋友,我的朋友,我的朋友,我的朋友,我的朋友。”
}, {
“id”:7,
“姓名”:“梅奇·马伦”,
“金额”:“23.78”,
“日期”:“2015年10月17日”,
“项目id”:4,
“型号识别号”:12,
“说明”:我的格言是,我的朋友们,我的猫咪们,我的弗林蒂亚,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们.Integer sem elit、pharetra ut、pharetra sed、hendrerit a、arcu.sed等
}, {
“id”:8,
“姓名”:“摩根·梅里特”,
“金额”:“54.09”,
“日期”:“2016年10月4日”,
“项目id”:2,
“型号识别号”:4,
“描述”:“无设施。无障碍。无障碍。无障碍。无障碍,无障碍,无障碍,无障碍,无障碍,无障碍,无障碍,无障碍,无障碍,无障碍,无障碍,无障碍,无障碍,无障碍,无障碍,无障碍,无障碍,”
}, {
“id”:9,
“姓名”:“詹娜·凯西”,
“金额”:“22.61”,
“日期”:“2015年5月8日”,
“项目id”:1,
“型号识别号”:1,
“描述”:“厄洛斯·图皮斯·非埃尼姆。莫里斯·奎斯·图皮斯·普卢斯·萨吉蒂斯·杜伊斯·普卢斯·萨吉蒂斯·普卢斯·杜伊斯·普卢斯。莫里斯·布兰迪特·埃尼姆·普卢斯。自由女神、康格·a、阿利奎特·维尔、复仇女神、奥迪奥·菲塞卢斯(odio)在八月一日的预言书上”
}, {
“id”:10,
“名称”:“巴菲最佳”,
“金额”:“59.98”,
“日期”:“2015年6月5日”,
“项目id”:5,
“型号识别号”:15,
“说明”:在前庭的空隙中,坐着的是一位伟大的副总统,他是一位杰出的副总统。他是一位杰出的副总统。他是一位伟大的侵权者。他是一位杰出的拍卖家。他是一位杰出的拍卖家。他是一位杰出的副总统。他是一位杰出的副总统在阿利奎特·洛博蒂斯(aliquet lobortis)一书中,尼比·拉齐尼亚·奥奇(nisi nibh lacinia orci)是一位伟大的奥奇(arcu ac orci)艺术家,他是一位伟大的艺术家,他是一位伟大的艺术家
}, {
“id”:11,
“姓名”:“Brielle Newman”,
“金额”:“52.26”,
“日期”:“2016年4月16日”,
“项目id”:4,
“型号识别号”:18,
“描述”:“placerat,augue.Sed molestie.Sed id risus quis diam luctus lobortis。”
}, {
“id”:12,
“姓名”:“朱莉·詹姆斯”
function preprocess(expenses) {
  for (var i = 0; i < expenses.length; i++) {
    var expense = expenses[i];
    expense.item = $scope.theItems[expense.item_id].name;
    expense.model = $scope.theModels[expense.model_id].name;
    expenses[i] = expense;
  }
  return expenses;
}

$scope.expenses = preprocess($scope.expenses);

  $scope.theItemsArray = $.map($scope.theItems, function(val, index) {
    return [val.name];
  });

  $scope.theModelArray = $.map($scope.theModels, function(val, index) {
    return [val.name];
  });
uib-typeahead="item for item in theItemsArray | filter:$viewValue | limitTo:8"

uib-typeahead="model for model in theModelArray  | filter:$viewValue | limitTo:8"


<th ng-click="changeSort('model')">Model

<td>{{expense.item}}</td>
<td>{{expense.model}}</td>