包含 jQuery 时，ng-repeat 不起作用答案

【问题标题】：ng-repeat not working when include jQuery包含 jQuery 时，ng-repeat 不起作用
【发布时间】：2013-03-13 12:22:48
【问题描述】：

我在 AngularJS 中使用 zurb-foundation。

我有以下代码：

<div class="row full" ng-controller="Movies">
    <div class="large-3 columns">    
        <form class="custom">
            <select id="customDropdown" class="small button dropdown secondary radius">
                <option DISABLED SELECTED>Movie selection</option>
                <option ng-repeat="movie in movie_list.movies">{{movie.name}}</option>
            </select>
        </form>
    </div>
</div>

function Movies($scope) {
    $scope.movie_list = { movies : [{name:'Movie1'}, {name:'Movie2'}]}; 
}

我已经包含了 jQuery 插件，因为它是基础所需要的。当不包含 jQuery 时，代码可以正常工作，但是当我包含 jQuery 时，dropbox 中不会显示任何内容，并且所有应该存在的文本都在页面底部。

【问题讨论】：

你能添加一个链接到这个代码吗？
不，我不能，这可能会有所帮助
stackoverflow.com/questions/14994391/…注意总结部分。
我在发布之前确实读过，但我是否对我包含 jQuery 插件的问题感到难过，因为它是基础所需要的。
看起来 Angular 和 jQuery 可能存在兼容性问题。如果您使用的是foundation 4，您可以尝试使用Zepto 而不是jQuery。如果不使用许多额外的基础脚本（orbin、reveal 等），您还可以关闭它们。

标签： jquery angularjs zurb-foundation ng-repeat

【解决方案1】：

看看我的 Plnkr :- http://plnkr.co/edit/9w2jTg?p=preview

我正在使用带有 jQuery 和 AngularJS 的 Foundation 选择框，它运行良好。可能与您的脚本引用的顺序有关。如果没有看到您的代码，很难说。
另外，我确实注意到，当第一个选择选项被禁用并且没有空值时，选择框变为空白，打开它的唯一方法是单击小箭头，所以：

这不能正常工作：

<option disabled>Please select...</option>

工作正常：

<option value="" disabled>Please select...</option>

【讨论】：