Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法将动态aria标签值添加到md datepicker_Javascript_Angularjs_Datepicker_Angular Material_Wai Aria - Fatal编程技术网

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

Javascript 无法将动态aria标签值添加到md datepicker,javascript,angularjs,datepicker,angular-material,wai-aria,Javascript,Angularjs,Datepicker,Angular Material,Wai Aria,我正在使用md日期选择器: 我无法向datepicker中的aria标签添加动态值。它只接受硬编码的值。您可以在此处尝试演示: 替换上述代码笔中的以下js函数: function() { this.myDate = new Date(); this.isOpen = false; this.place = "Enter some date"; this.arialabel = "some label"; }); 将任何一个日期选择器替换为以下内容: <md-datep

我正在使用md日期选择器:

我无法向datepicker中的aria标签添加动态值。它只接受硬编码的值。您可以在此处尝试演示:

替换上述代码笔中的以下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标签值加载为空


这里需要帮助。

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


或者使用一些jquery选择器来操纵呈现的dom。

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

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

  <md-datepicker ng-model="ctrl.myDate" md-placeholder="{{ctrl.place}}"> 
  </md-datepicker>
{{ctrl.arialabel}
h4
标签用于对标签进行拆分