Перевести трубу не удается в рамках aria-label в Angular Material Design - PullRequest
Новая
       8

Перевести трубу не удается в рамках aria-label в Angular Material Design

0 голосов
/ 02 мая 2018

Может быть, тривиальный вопрос, но я не смог найти никакого ответа, гуглящего вокруг.

В моем приложении 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>

У меня вообще нет ошибок.

Это за пределами моего понимания. Это проблема реализации Angular MAT от Google или я что-то упустил?

Заранее спасибо

Ответы [ 2 ]

0 голосов
/ 22 января 2019

и если значение из * ngFor, вам необходимо удалить '' 

      <mat-nav-list dir="rtl" *ngIf="(categories$ | async) as categories">
    <a mat-list-item *ngFor="let category of categories" 
     attr.aria-label="{{category.name | translate}}"
     (click)="onSidenavCloseClick()" [routerLink]="category.link"
      routerLinkActive="active">
      {{category.name | translate}}
    </a>
  </mat-nav-list>
0 голосов
/ 05 мая 2018

Добавить attr. как показано ниже: 

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

Ссылка: Как связать динамические данные с ARIA-LABEL?

...