目前我正在使用这个for循环来获取父项
angular.forEach(queryTicketCategories,function(category) { if(category.id === $scope.ticketCategory.parentId) { $scope.parent = category; } });
请建议将返回类别的常用指令.这里的queryTicketCategories是数组的对象.而且我想为$scope.parent指定一个数组,它等于$scope.ticketCategory.parentId@H_404_5@
<input type="text" ng-model="parent" placeholder="{{'PARENT_CATEGORY' | translate}}" typeahead="category as category.name for category in getTicketCategories($viewValue)" typeahead-loading="loading" class="form-control">
解决方法
对于您的情况,最好是查看typahead指令并最大限度地利用它.
http://angular-ui.github.io/bootstrap/#/typeahead@H_404_5@
而不是创建自己的指令或服务,您可以使用带有回调的现有伪指令,而不用选择@H_404_5@
typeahead-on-select($item,$model,$label) (Defaults: null) : A callback executed when a match is selected
这是我创建而不使用回调的示例.您可以从您输入的内容中选择一个Google地址.@H_404_5@
没有类型的选择:
http://plnkr.co/edit/GMnzod9MQZWxsKSuJUJu?p=preview@H_404_5@
通过将所选地址更改为大写,以下步骤进一步.你可以在这个回调中做任何你想要的.@H_404_5@
http://plnkr.co/edit/jaeSZdSKucMQgIF05KwD?p=preview@H_404_5@
$scope.myFunc = function($item,$label) { $scope.asyncSelected = $item.toUpperCase(); }
对于你的情况,你可以做如下@H_404_5@
$scope.myFunc = function(category) { if(category.id === $scope.ticketCategory.parentId) { $scope.parent = category; } }
HTML@H_404_5@
typeahead-on-select="myFunc($item)"
总而言之,您的用例和数据可能与上面使用的示例不同,但主要方法是相同的.选择一个项目后有一个回调,您可以使用选择的回调类型来更好地处理您的数据控制.@H_404_5@