0

我创建了一个自定义验证器方法，该方法检查输入到 mat-autocomplete 的值是否存在于数组中。

此方法返回 { isExchange: true }。我在另一个返回错误消息的方法中使用 this.tradeForm.get('exchange').hasError('isExchange')。这一切都很好。

mat-autocomplete 的一部分，在 mat-form-field 标签内，我添加了以下代码：

<mat-error *ngIf="tradeForm.get( 'exchange' ).invalid">{{getFormErrorMessage( 'exchange' )}}</mat-error>

不知何故，当出现错误时，这不会显示出来，但是，当我将mat-error标签更改为小标签时，它可以工作。

我已经读到只有当 FormControl 无效时才会出现垫子错误，但我不知道为什么我的不是。

有人知道我错过了什么吗？

也许我需要在控件中更改一些值才能显示 mat-error 标签？

下面是验证器函数的样子：

isExchange( control: FormControl ) {
    let exchanges = [{ID: 1, Title: 'BitTrex'}, {ID: 2, Title: 'Bitfinex'}, {ID: 3, Title: 'Binance'}, {ID: 4, Title: 'Kraken'}, {ID: 5, Title: 'Coinmarketcap'}];

    if( exchanges.find( exchange => exchange.Title === control.value ) === undefined ) {
        control.markAsTouched(); // This makes it work, not sure why
        return { isExchange: true };
    } else {
        return null;
    }
}

这就是它的使用方式：

    this.tradeForm = new FormGroup({
        exchange: new FormControl( this.newTrade.Exchange.Title, [this.isExchange] );
    });
4

1 回答 1

1

我通过在我的验证器函数中添加 control.markAsTouched() 找到了一个可行的解决方案。

于 2018-02-19T12:39:08.930 回答