2017-01-31 4 views
0

ui-select를 사용하고 싶지만 개발자 콘솔에 아무 것도 표시하지 않고 오류가 없습니다. 나는 지금 몇 시간 동안 이것을 인터넷으로 검색해 왔지만 내가 찾은 모든 제안을 시도했지만 아무 것도 도움이되지 못했다.각도 ui 선택 표시 안 함

크롬을 사용하며 SPA 프로젝트에 부트 스트랩 버전 3.3.4 및 앵귤러 버전 1.4.8을 포함 시켰습니다. 또한 select.min.css와 select.min.js의 최신 버전을 포함 시켰습니다. Visual Studio 2015의 NuGet을 통해 ui-select (버전 0.19.5)를 내 프로젝트에 추가했습니다.

문제를 격리하는 동안 간단한 코드로 코드를 줄였습니다. 여기에 내가 지금 무엇을 가지고 (이것은 내보기에) : 나는 아무 소용, 그래서처럼 NG 숨기기를 추가하려고했습니다

<div id="damageType" name="damageType" class="col-md-4"> 
    <ui-select ng-maxlength="10"> 

     <ui-select-choices repeat="f in ['light','hpexp']"> 
      {{ f }} 
     </ui-select-choices> 
    </ui-select> 
</div> 

:

여기
<div id="damageType" name="damageType" class="col-md-4"> 
    <ui-select ng-maxlength="10"> 

     <ui-select-choices repeat="f in ['light','hpexp']" ng-hide="!$select.open"> 
      {{ f }} 
     </ui-select-choices> 
    </ui-select> 
</div> 

은 무엇입니까 페이지에서와 같이 보입니다.

ui-select not displaying

여기에 문제가 될 수 무엇 : 콘솔에 오류가 없는지, 드롭 다운을 표시 할 필요가있는 사업부가있다, 그러나 당신이 볼 수 있듯이 높이, 또한 1입니다입니까?

답변

1

안녕하세요 저는 두 가지가 누락 된 것 같습니다.

<ui-select ng-model="ctrl.selected"> 
<ui-select-match placeholder="Enter an thing...">{{$select.selected}}</ui-select-match> 
<ui-select-choices repeat="item in ['1','2']"> 
    <span>{{item}}</span> 
</ui-select-choices> 
:
  1. UI를-선택해야하는 ngModel 그래서이가 트랜스 클루 전을 위해 필요

는 아래의 코드가 작동해야으로는 ui-select-match을 필요로 생각이 ng-model='selectedvalue'

  • 두 번째를 정의