跨浏览器支持角度ui-select模块'

时间:2015-07-01 09:29:19

标签: angularjs

以下代码在IE和Chrome浏览器中正常运行,但在Firefox中,下拉列表不会出现。

    <div ng-app="app" ng-controller="cntrl">
        <ui-select ng-model="employee.select" style="width: 300px;" theme="bootstrap">
            <ui-select-match placeholder="Select a name..">
                {{$select.selected.name}}
            </ui-select-match>
            <ui-select-choices repeat="e in employees | filter {name:$select.search}" >
                <span ng-bind="e.name"> </span> <br/> 
                <span ng-bind="e.email"> </span> 
            </ui-select-choices>
        </ui-select>    
    </div>  

    <script src="../bower_components/angular/angular.js" ></script>
    <script src="../bower_components/angular-ui-select/dist/select.min.js" > </script>
    <script> angular.module('app', ['ui.select']).
    controller('cntrl', ['$scope', function($scope){
    $scope.employee= {};

    $scope.employees=[
        {name:'ABC',email:'abc@abc.com'},
        {name:'XYZ',email:'xyz@abc.com'},
        {name:'LMN',email:'lmn@abc.com'},
        {name:'AZW',email:'azw@abc.com'},
        {name:'XWQ',email:'xwq@abc.com'},
        {name:'PQR',email:'pqr@pqr.com'}
    ];
}])
 </script>

0 个答案:

没有答案