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時不起作用

回答

相關問題