html - 无法在 Drop Down Angular Js 上显示特定数据

Question

我有一个问题，似乎是我的下拉列表在我选择适当的选项时不显示数据。选项上有两种选择。

CSHTML

<ui-select ng-model="ctrl.requestType" theme="selectize" title="Choose type of requisition" style="min-width: 140px;">

  <ui-select-match placeholder="Select type of requisition">
    <span ng-bind="$select.selected.name"></span>
  </ui-select-match>

  <ui-select-choices repeat="existingRequestType.name as existingRequestType in ctrl.existingRequestTypes | filter: $select.search">

    <span ng-bind-html="existingRequestType.name| highlight: $select.search"> - 
       </span>
  </ui-select-choices>
</ui-select>

Angular.JS 格式

app.controller('myCtrl', function($scope, $http, $timeout, $interval) {
      vm.existingRequestTypes = [{
          name: 'Purchase'
        },
        {
          name: 'Lease'
        }
      ];
    }

感谢您的帮助!

Answer 1

我敢肯定你忘了定义vm:

app.controller('myCtrl', function($scope, $http, $timeout, $interval) {
  var vm = this;

  vm.existingRequestTypes = [{
      name: 'Purchase'
    },
    {
      name: 'Lease'
    }
  ];
}

或

app.controller('myCtrl', function($scope, $http, $timeout, $interval) {
  $scope.existingRequestTypes = [{
      name: 'Purchase'
    },
    {
      name: 'Lease'
    }
  ];
}