使用AngularJS的HTML datalist可访问性

Question

我正在填写一个HTML数据列表，其中包含来自Angular ng-repeat的选项。

我需要这个数据列表与屏幕阅读器配合使用，应该在您输入时命名可用选项。

这是我的代码：

<input aria-label="Tag" role="combobox" aria-expanded="true" aria-autocomplete="none" aria-owns="categories" ng-model="categoryFilter" type="text" class="form-control" placeholder="Category" list="categories">

<datalist id="categories" role="listbox">
  <option role="option" ng-repeat="restaurant in main.restaurants | unique: 'venue.categories[0].name'" value="{{restaurant.venue.categories[0].name}}">
</datalist>

我尝试使用不同的aria-autocomplete值，但似乎没有任何效果，当我使用屏幕阅读器时，我获得的信息是组合框，但是如果我开始例如键入＆＃39; p＆＃ 39; datalist正在展示比萨店＆＃39;作为一个选项，但屏幕阅读器没有命名它。

非常感谢