在ng-options

时间:2018-02-05 12:36:36

标签: javascript angularjs html5 twitter-bootstrap css3

这里我试图通过调用ng-options中的函数将下拉列表内容的限制设置为60个字符。它的工作,但是当我从下拉菜单中选择或选择任何项目时,它没有显示或在下拉列表中显示项目。您可以在图像中看到。

这里我从下拉列表中选择项目。

enter image description here

选择它在下拉列表中未显示之后是图像。

enter image description here

任何好友都能告诉我我的代码中出错了什么!!

这是我的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你检查它。 如果有人知道我做错了,请纠正它。谢谢。

0 个答案:

没有答案