如何设置角急性选择

Question

我想在我的表中使用角急性选择。我正在努力工作。 Github上的演示不是一个普通的程序，所以我不能看到发生了什么。我不知道如何在plunkr上设置这个，我不知道如何去做JSON。我现在得到了一个错误，但我相信我没有从控制器中获取任何数据。任何帮助都会很棒。感谢

<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> 

控制器

//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。您可能希望名称显示在select中，但选择的值应该是一个对象。所以，而不是

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

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

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

，使用交流选项，以确保名称显示

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

希望有所帮助。