无法将动态 aria-label 值添加到 md-datepicker答案

【问题标题】：Unable to add dynamic aria-label value to md-datepicker无法将动态 aria-label 值添加到 md-datepicker
【发布时间】：2019-02-22 02:19:45
【问题描述】：

我正在使用 md-datepicker： https://material.angularjs.org/latest/demo/datepicker

我无法在日期选择器中为 aria-label 添加动态值。它只接受硬编码值。您可以在这里尝试演示： https://codepen.io/anon/pen/jveJGb

在上面的codepen中替换下面的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 值加载为空。

在这里需要帮助。

【问题讨论】：

标签： javascript angularjs datepicker angular-material wai-aria

【解决方案1】：

md-datepicker 是一个指令。当您使用它时，Angular JS Material date picker 将通过处理具有其属性的指令来呈现自定义的预定义 html 代码。因此，指令将负责使用或省略呈现的 html 中的属性。如果您想调整此代码，请转到本地项目目录中的指令源代码，它将类似于this。了解如何根据需要修改指令并根据需要进行调整。

或者使用一些 jquery 选择器来处理渲染的 dom。

【讨论】：

【解决方案2】：

md-datepicker 指令没有aria-label 属性。您想使用以下代码设置标签。

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

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

h4 标签用于显示标签。

【讨论】：