Свойство раскрывающегося списка Kendo aria-owns не влияет на динамически генерируемый идентификатор раскрывающегося списка - PullRequest
Новая
       26

Свойство раскрывающегося списка Kendo aria-owns не влияет на динамически генерируемый идентификатор раскрывающегося списка

0 голосов
/ 30 мая 2019

Ниже приведен мой код, я генерирую выпадающий список в ng-repeat и добавляю $ index к id. Элемент select получает id со значением $ index, но span, сгенерированный для select, показывает $ index, как и в aria-ownsимущество.Я хочу, чтобы это свойство aria-owns генерировалось динамически так же, как и id. 

  
     angular.module("KendoDemos", [ "kendo.directives" ])
      .controller("MyCtrl", function($scope){
      
       $scope.productsDataSource = {
            type: "odata",
            serverFiltering: true,
            transport: {
                read: {
                    url: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Products",
                }
            }
        };
        
      $scope.rulesConditionsList=[];
    $scope.rulesConditionsList = ["test","test1"];
        
    })
<!DOCTYPE html>
<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/dropdownlist/angular">
    
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.common-material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.material.mobile.min.css" />

    <script src="https://kendo.cdn.telerik.com/2019.2.514/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.2.514/js/angular.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.2.514/js/kendo.all.min.js"></script>
    

</head>
<body>
<div id="example" ng-app="KendoDemos">
   <div class="demo-section k-content" ng-controller="MyCtrl">
<table>

<tr ng-repeat="w in rulesConditionsList track by $index" >
<td>
         <div>
                <div class="fg-line">
                   <select id="Product{{$index}}"
                   kendo-drop-down-list
                           k-data-text-field="'ProductName'"
                            k-data-value-field="'ProductID'"
                            k-data-source="productsDataSource"
                            style="width: 100%"></select>
                </div>
            </div>
        </td>
        </tr>
        </table>
        
       

        </body>
        
        
        </html>

Может кто-нибудь знать об этой проблеме?

...