HTML5自动完成<datalist>可以在AngularJS上使用Ajax吗？

Question

我正在尝试使用默认的HTML5 datalist标记在AngularJS App中实现简单的自动完成。这是一个带有输入文本和数据控件的简单视图文件：

<input type="text" list="players" ng-model="automplete_player_text" ng-change="getPlayersList()">

<datalist id="players">
<option value="{{player.surname}}" ng-repeat="player in players">{{player.name}}</option>
</datalist>

然后页面控制器中的一个简单方法，从服务器获取带有“字符串”查询的数据，并通过NgResource服务将结果呈现给玩家：

function getPlayersList(){
        RealPlayer.query({..},
            function(data){ 
                $scope.players = data;
            }
        );
    }

问题是getPlayersList（）是异步的，因此，每当我对某些字母浏览器进行数字处理时，正确地呈现＆lt; option＆gt;进入＆lt; datalist＆gt;但它没有显示列表用户界面，可能是因为搜索选项尚未呈现。

HTML5 datalist是否只想在客户端（内存）上过滤结果？