Datalist不在ie9中工作,代码由angular完成?

时间:2015-02-10 04:36:46

标签: angularjs html5

这里使用datalist我在angulaer中做了自动完成,但它在ie9中不起作用。 除了ie9之外,还有其工作的好处,

即使我尝试像这样给予

<datalist id="associates">
 <!--[if IE 9]><select disabled style="display:none"><![endif]-->
   <option ng-repeat="a in availableTags" value="{{a}}">
 <!--[if IE 9]></select><![endif]-->
 </datalist>

HTML

 <datalist id="associates" >
                <option ng-repeat="a in availableTags" value="{{a}}">
 </datalist>

SCRIPT

 $scope.availableTags = [
"Manoji (12345)",
"Roshan(32136)",
"Divya(789565)",
"Ankur(852369)",
"Manju(251425)",
];


$scope.addedAssociates = [];
$scope.addAssociate = function(b){
    if($scope.addedAssociates.indexOf(b) == -1){
        $scope.addedAssociates.push(b);         
    }
}

任何人都可以建议我解决这个问题,从ie9 +开始工作的任何黑客吗?

1 个答案:

答案 0 :(得分:0)

如果您尚未将填充物添加到页面中,那可能是您的问题。

据此,datalist在IE9中不起作用。

http://caniuse.com/#feat=datalist

但可以使用此polyfill:

http://css-tricks.com/relevant-dropdowns-polyfill-for-datalist/