相关疑难解决方法(0)

在angular2中有没有替代ng-disabled?

我正在使用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)

只是想知道如何实现此功能?任何输入?

angular-directive angular

135
推荐指数
4
解决办法
16万
查看次数

角材料垫标签可访问性

我有一个带有文本输入控件的 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)

accessibility wai-aria angular

6
推荐指数
1
解决办法
9334
查看次数

在Angular Material Design的aria标签内翻译管道失败

也许这是一个琐碎的问题,但我始终无法找到任何答案。

在我的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实现的问题吗?还是我错过了一些东西?

先感谢您

translate angular-material2 angular

2
推荐指数
1
解决办法
1150
查看次数