angularjs - 如何设置 Angular 锐选择

Question

我正在尝试在我的表中使用 Angular acute-select。我很难让它发挥作用。 github 上的演示不是一个 plunkr，所以我看不到发生了什么。我不知道如何在 plunkr 上设置它，我不确定如何做 JSON。我现在的操作出现错误，但我相信我没有从 Controller 中获取任何数据。任何帮助都会很棒。谢谢

<tbody>
<td>
   <select class="ac-select stateList" ac-model="currentItem.JobItems[0].JobItemName" ac-options="currentItem.JobItems.JobItemName for currentItem in getAllJobItems()"
   ac-key="JobItemId" ac-settings="{ initialText: 'Job Items', comboMode:true, loadOnOpen: true, minWidth: '300px', allowClear: false }" ng-enter="selectJobItem();addRecord()"></select><br />
</td>
 <td>{{currentItem.JobItems.JobItemDescription}}</td>
 <td>{{currentItem.JobItems.JobItemMatSize}}</td>
</tr>
</tbody>

Controller

 //GET Jobs
$scope.jobArray = {};
JobGet.query().then(function (data) {
    $scope.jobArray = data;
}, function (reason) {
    errorMngrSvc.handleError(reason);
});

// Return All Job Items for select Box
$scope.getAllJobItems = function (callback) {
    callback($scope.jobArray);
};

//Bind Selected POD JobItems to table fields
$scope.currentItem = {};
$scope.selectJobItem = function (jobItem) {
    $scope.currentItem.JobItems.JobItemName = jobItem.JobItems[0].JobItemName;
    $scope.currentItem.JobItems.JobItemDescription = jobItem.JobItems[0].JobItemDescription;
    $scope.currentItem.JobItems.JobItemMatSize = jobItem.JobItems[0].JobItemMatSize;
};

JSON 错误信息

ac-options and ac-model attributes must be set <div class="ac-select stateList ac-select-wrapper ng-isolate-scope" ng-keydown="keyHandler($event)" tabindex="999" ac-focus="wrapperFocus" ng-focus="comboFocus = true" ac-model="currentItem.JobItems[0].JobItemName" ac-options="currentItem.JobItems.JobItemName for currentItem in getAllJobItems()" ac-key="JobItemId" ac-settings="{ initialText: 'Job Items', comboMode:true, loadOnOpen: true, minWidth: '300px', allowClear: false }" ng-enter="selectJobItem();addRecord()"> 

Answer 1

在我看来，您正在尝试将选择的值映射到 JobItem 的属性。您可能希望名称显示在选择中，但选择的值应该是一个对象。所以不是

ac-model="currentItem.JobItems[0].JobItemName"

尝试将其映射到一个对象。

$scope.selectedJobItem = null;
... 
ac-model="selectedJobItem"

使用 ac-options 确保显示名称

ac-options="job.JobItemName for job in someJobCollection"

希望对您有所帮助。