Невозможно добавить динамическое значение метки арии в md-datepicker

Question

Я использую md-datepicker: https://material.angularjs.org/latest/demo/datepicker

Я не могу добавить динамическое значение к метке aria в указателе даты. Он принимает только жестко закодированное значение. Вы можете попробовать демо здесь: https://codepen.io/anon/pen/jveJGb

Замените следующую функцию js в приведенном выше коде:

function() {
  this.myDate = new Date();
  this.isOpen = false;
  this.place = "Enter some date";
  this.arialabel = "some label";
});

Замените любой сборщик дат следующим:

<md-datepicker ng-model="ctrl.myDate" md-placeholder="{{ctrl.place}}" aria-label="{{ctrl.arialabel}}"></md-datepicker>

Значение aria-label загружается как пустое.

Нужна помощь здесь.

Answer 1

Директива

md-datepicker не имеет атрибута aria-label. Вы хотите установить метку, используя приведенный ниже код.

  <h4>{{ctrl.arialabel}}</h4> 

  <md-datepicker ng-model="ctrl.myDate" md-placeholder="{{ctrl.place}}"> 
  </md-datepicker>

Тег

h4 используется для отображения метки.

Answer 2

md-datepicker является директивой.когда вы используете это, Angular JS Material picker отобразит пользовательский предопределенный HTML-код, обработав директиву с ее атрибутом.Таким образом, директива будет нести ответственность за использование или пропуск атрибутов в отображаемом html.Если вы хотите настроить этот код, перейдите к исходному коду директивы в вашем локальном каталоге проекта, это будет что-то вроде this .Узнайте о том, как изменить директиву, как вам требуется, и настройте ее в соответствии с вашими требованиями.

или используйте какой-либо селектор jquery для управления отображаемым dom.