ng-repeat在包含jQuery时不起作用

我正在使用zurb-foundation和AngularJS。ng-repeat在包含jQuery时不起作用

我有以下代码：

<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中就不会显示任何内容，并且应该存在的所有文本都位于页面的底部。

来源

2013-03-13 KatT

你可以添加一个链接到该代码在行动？ – Richard 2013-03-13 12:27:58

不，我可能不会，可能会帮助 – KatT 2013-03-13 12:36:01

http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-background注意总结部分。 – agriboz 2013-03-13 13:31:27

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

我使用的是jQuery和AngularJS基金会选择框，它的正常工作。可能与您脚本引用的订单有关。很难说没有看到您的代码。
另外，我也注意到，当第一选择选项被禁用，没有空值，选择框变为空白，并打开它是点击小箭头的唯一途径，所以：

这并未”将不起作用正确：

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

正常工作：

来源

2013-03-23 13:25:16 GFoley83

我试过它没有帮助我的情况。不管怎么说，还是要谢谢你。 – KatT 2013-03-25 10:05:48

ng-repeat在包含jQuery时不起作用

回答

相关问题