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

Question

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

我无法在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";
});

用以下内容替换任何一个datepicker：

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

aria-label值加载为空。

需要帮助。

Answer 1

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

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

Answer 2

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

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

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

qazxsw poi标签用于显示标签。