1

我正在使用 select2 angularjs 指令，它使用 select2 jquery 插件。我面临一个问题，select2 的列表没有正确显示。

以下是我的看法：

    <div ng-controller="MyCtrl" class="new-proj">

    <select
            ui-select2="{dropdownCssClass:dropdown-menu}"
            multiple
            ng-model="data.selectedCountries"
            data-placeholder="Choose or Search for countries"
            name="countries"
            style="width:200px;">
            <option ng-repeat="country in data.countriesList" value="{{country.code}}">{{country.name}}</option>
    </select>
</div>

当从控制器获取数据并且我开始在 select2 文本框中输入一个国家/地区的名称时，列表就搞砸了。我的意思是没有正确检索css。

CSS看起来像这样：

.new-proj .select2-results {

 }

但是select2-results是隐藏的，它在运行时在控制器之外和.new-proj类之外创建，无论如何我可以通过限制在控制器div之外创建的运行时select2来修复它。

   <div ng-controller="MyCtrl" class="new-proj"> 
    .... Controller content here ...
    </div>
    <div class="select2-drop select2-drop-multi select2-display-none select2-drop-active"  
     style="top: 38.986111640930176px; left: 7.986111640930176px; width: 200px; display: none;">     
        <ul class="select2-results">
           <li class="select2-no-results">No matches found</li></ul>
    </div>
4

0 回答 0