AngularJS-ui选择时选择高度小

AngularJS-ui选择时选择高度小,angularjs,angular-ui,angular-ui-select,Angularjs,Angular Ui,Angular Ui Select,我有下面的代码,它几乎是从 选中:{{userCtrl.tech.Selected} {{$select.selected.name} 然而,当我这样做时,我从列表中选择了一个项目,然后突然选择框缩小了 如何修复此问题,使其在选择框上正确显示我选择的项目,而不会像那样收缩?正如您所说,它在plunkr中工作,您说您已复制粘贴了它。所以你可能做了一些我们猜不到的错事。你确定你包含了所有必需的文件(特别是CSS)?我已经包含了select.js和select.CSS,否则它就不应该工作了,看起

我有下面的代码,它几乎是从

选中:{{userCtrl.tech.Selected}

{{$select.selected.name}
然而,当我这样做时,我从列表中选择了一个项目,然后突然选择框缩小了


如何修复此问题,使其在选择框上正确显示我选择的项目,而不会像那样收缩?

正如您所说,它在plunkr中工作,您说您已复制粘贴了它。所以你可能做了一些我们猜不到的错事。你确定你包含了所有必需的文件(特别是CSS)?我已经包含了select.js和select.CSS,否则它就不应该工作了,看起来像是这样?我几乎复制粘贴了它…顺便说一句,如果你需要浏览代码(浏览到最后),代码在Github上。我放弃了angular ui select,而选择了nya bootstrap select,这很有效
<p>Selected: {{userCtrl.tech.selected}}</p>
  <ui-select ng-model="userCtrl.tech.selected" theme="bootstrap" ng-disabled="disabled" style="width: 300px;">
    <ui-select-match placeholder="Select or search a tech">{{$select.selected.name}}</ui-select-match>
    <ui-select-choices repeat="tech in userCtrl.allAvailableTechs | filter: $select.search">
      <span ng-bind-html="tech.tech.name | highlight: $select.search"></span>
    </ui-select-choices>
  </ui-select>