angularjs - ui-select 错误 "Can' t 插值 : {{$select. getPlaceholder()}}"

Question

这是我在 angular ui-select 中得到的完整错误

Error: [$interpolate:interr] Can't interpolate: {{$select.getPlaceholder()}} TypeError: Cannot read property 'length' of undefined

我的标记是:

  <ui-select multiple ng-model="case.keywords" theme="bootstrap">
    <ui-select-match placeholder="Select keywords...">{{$item.name}}</ui-select-match>
    <ui-select-choices repeat="keywords in keywords | filter: $select.search">
      <div ng-bind-html="keyword.name | highlight: $select.search"></div>
    </ui-select-choices>
  </ui-select>
<p>Selected: {{case.keywords}}</p>

除了 get 之外， Controller 没有什么特别之处从 db.ting 关键字数组。显然 ngSanitize和 ui.select包含在模块依赖项中。

我遇到的另一个问题是选择不可见。我能够显示选定的选项，但选项列表不可见。我正在使用引导主题， select.css被引用。这是它的样子



感谢您的帮助。

Answer 1

来自@SunilVurity 和@Fiver 的问题给了我提示，引导我解决问题:

第一我改了keywords至keyword在:

<ui-select-choices repeat="keywords in keywords | filter: $select.search">

第二在我的 Controller 中，我有:

appFactory.getKeywords().then(function (keywords){
  $scope.keywords = keywords;
  $scope.case = {};
  $scope.case.selectedKeywords = [];
});

我改为:

$scope.case = {};
$scope.keywords = [];
learningCasesFactory.getKeywords().then(function (keywords){
  $scope.keywords = keywords;
  $scope.case.selectedKeywords = [];
});

正如您在 Controller 中看到的， get函数是异步的，它将一个未定义的列表返回到加载 View ，这导致了我在问题中提到的错误。更新 Controller 后，错误消失了。这个 SO 问题帮助了 AngularJS Interpolation Error .

第三 uiselect和 angular版本可能会导致问题。我的 Angular 版本是 1.2.9。这个 ui-select Github issue显示升级 angular 版本解决了问题，我将它升级到 1.3.11

感谢@SunilVurity 和@Fiver