这里我试图通过调用ng-options中的函数将下拉列表内容的限制设置为60个字符。它的工作,但是当我从下拉菜单中选择或选择任何项目时,它没有显示或在下拉列表中显示项目。您可以在图像中看到。
这里我从下拉列表中选择项目。
选择它在下拉列表中未显示之后是图像。
任何好友都能告诉我我的代码中出错了什么!!
这是我的HTML代码:
<div class="col-md-12 col-sm-12 col-lg-12 nopadding select-job">
<label for="selectJob" class="col-md-12 col-sm-12 col-lg-12 nopadding"> Select Job </label>
<select id="selectJob" name="selectJob" class="selectpicker btn btn-labeled btn-start" ng-model="formInfo.selectedJob" ng-options="job.jobTitle as getLimitedWord(job.jobTitle,60) for job in companyJob track by job.jobTitle">
<option value="">Select Your Option</option>
</select>
<button class="btn btn-labeled btn-info btn-reload pull-right" ng-disabled="formInfo.selectedJob == undefined || formInfo.selectedJob == null || !formInfo.selectTechnology"
data-ng-click="uploadJobDescription()">
<i class="glyphicon glyphicon-upload" aria-hidden="true"></i>
<span class="small-left-margin">Load Job</span>
</button>
</div>
这是我的功能,我在其中设置图像中显示的下拉项目的大小。
$scope.getLimitedWord = function(word, size) {
if(word.length <= size){
return word;
} else {
return word.substr(0,60) + '...';
}
};
这是来自控制器的companyJob数组:
$scope.getCompanyDetails = function (company) {
uploadService.getCompanyDetail(company)
.then(function (data) {
$scope.company = data.CompanyDetail;
$scope.companyJob = data.CompanyDetail.jobDescriptions;
},
实际上我从这里跟踪这个link code你检查它。 如果有人知道我做错了,请纠正它。谢谢。