我正在使用angular2进行开发,并想知道ng-disabled在angular2中是否有任何替代方案.
对于前者 下面的代码是angularJS:
<button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib >> {{libraries.name}}">
<i class="fa fa-chevron-right fa-fw"></i>
</button>
Run Code Online (Sandbox Code Playgroud)
只是想知道如何实现此功能?任何输入?
我有一个带有文本输入控件的 mat-form-field。我有一个 mat-label 并且我还attr.aria-label直接在 input 元素上放置了一个 aria-label 属性。
是mat-label足以本身屏幕阅读器?是attr.aria-label必要的还是多余的?
<mat-form-field appearance="outline" floatLabel="always">
<mat-label>Username</mat-label>
<input attr.aria-label="Username" formControlName="Username" matInput>
</mat-form-field>
Run Code Online (Sandbox Code Playgroud)
同样的问题也适用于 mat-select 控件。
<mat-form-field appearance="outline" floatLabel="always">
<mat-label>Cars</mat-label>
<mat-select formControlName="Car">
<mat-option *ngFor="let car of cars" [value]="car.name">
{{car.name}}
</mat-option>
</mat-select>
</mat-form-field>
Run Code Online (Sandbox Code Playgroud) 也许这是一个琐碎的问题,但我始终无法找到任何答案。
在我的Angular 5应用中,我的HTML是这样的:
<button mat-raised-button color="accent" class="submit-button" aria-label="{{'REGISTER.CREATE' | translate}}"
[disabled]="registerForm.invalid">
{{'REGISTER.CREATE' | translate}}
</button>
Run Code Online (Sandbox Code Playgroud)
产生以下错误:
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
Run Code Online (Sandbox Code Playgroud)
但是如果我写:
<button mat-raised-button color="accent" class="submit-button" aria-label="SOME DIRECT TEXT"
[disabled]="registerForm.invalid">
{{'REGISTER.CREATE' | translate}}
</button>
Run Code Online (Sandbox Code Playgroud)
我一点都没有错。
这是我无法理解的。这是angular的Google MAT实现的问题吗?还是我错过了一些东西?
先感谢您