0

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

4

1 回答 1

0

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

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

这不能正常工作：

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

工作正常：

<option value="" disabled>Please select...</option>
于 2013-03-23T13:25:16.167 回答