Javascript 无法将动态aria标签值添加到md datepicker
我正在使用md日期选择器: 我无法向datepicker中的aria标签添加动态值。它只接受硬编码的值。您可以在此处尝试演示: 替换上述代码笔中的以下js函数: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
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
标签用于对标签进行拆分