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

时间:2018-09-18 06:07:10

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

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

我无法在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值加载为空。

需要帮助。

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

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

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

h4标签用于显示标签。