Question

我正在使用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值加载为空。

需要帮助。

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>

h4标签用于显示标签。

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

2 个答案: