AngularJS ui-select2占位符不显示在嵌套的ng-repeat中

Question

呼，好的。侦察噩梦。

我的输入中的占位符没有显示，它们作为独立的输入工作-但是一旦它们被添加到列表中，它们就失去了作用域。我已经确定了这个问题--但我找不到解决办法--我想如果我能理解这个问题，它将有助于解决我在Angular中的很多作用域问题。如何管理此场景中的作用域？即使是资源也会有帮助

HTML

<div ng-repeat="region in data.regions">
    <h2> {{region.name}} </h2>
    <input ui-select2="version2" type="hidden" name="keywordsLocal-{{$index}}" class="region-keywords input-xlarge" data-ng-model="data.regions[$index].keywords" required-multiple />
    <select ui-select2 id="copy-{{$index}}" ng-show="region.length > 1" class="input-xlarge" ng-click="_copy($event, $index)" data-ng-model="data.regions[$index].keywords">
        <option value="">Placeholder:</option>
        <option ng-repeat="region in data.regions" value="{{region.keywords}}">{{region.name}}</option>
    </select>
</div>

图像

​

​

Answer 1

我解决了这个问题。在文档中-它清楚地指出select2与ng-options指令“不兼容”。这给我带来了一整天的困惑，因为我的整个应用程序在使用ng-repeat时都有buggy。

我切换回ng-options，一切都运行得很好。

编辑:添加代码示例

<select class='copy' ng-change='_copyKeyword($index)' ng-disabled='max.keywords - keywordsSum() <= data.selected_region_objects.length' ng-model='selectedKeywords' ng-options='region.name for region in data.selected_region_objects | keywordFilter: {name: region.name}' style='width:200px;' ui-select2=''>
    <option value=''>Use same keywords as:</option>
</select>