angular - 在 Angular Material Design 中的 aria-label 内平移管道失败

Question

也许是一个微不足道的问题，但我无法在谷歌上找到任何答案。

在我的 Angular 5 应用程序中，我有这样的 HTML:

<button mat-raised-button color="accent" class="submit-button" aria-label="{{'REGISTER.CREATE' | translate}}"
        [disabled]="registerForm.invalid">
    {{'REGISTER.CREATE' | translate}}
</button>

这会产生以下错误:

Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'aria-label' since it isn't a known property of 'button'. ("             </div>

                <button mat-raised-button color="accent" class="submit-button" [ERROR ->]aria-label="{{'REGISTER.CREATE' | translate}}"
                        [disabled]="registerForm.inval"): ng:///Register2Module/FuseRegister2Component.html@76:79
syntaxError

但如果我写:

<button mat-raised-button color="accent" class="submit-button" aria-label="SOME DIRECT TEXT"
        [disabled]="registerForm.invalid">
    {{'REGISTER.CREATE' | translate}}
</button>

我完全没有错误。

这超出了我的理解。这是谷歌 MAT 的 angular 实现的问题还是我遗漏了什么？

先感谢您

Answer 1

添加 attr.像下面这样:

attr.aria-label="{{'REGISTER.CREATE' | translate}}"

引用: How to bind dynamic data to ARIA-LABEL?