Question

我正在使用zular-foundation和AngularJS。

我有以下代码：

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

Answer 1

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

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

这不能正常工作：

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

工作正常：

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

包含jQuery时ng-repeat不起作用

1 个答案: