Angular2-カスタムバリデーター構文

ケルダー

誰かが私に次のTypeScript構文を説明できますか?

{[s: string]: boolean}

これはValidatorFnAngular2内の戻り型です。特に、配列[s: string]は何を示していますか?

独自のカスタムValidatorFn関数を作成しているときに、ブールフィールドの目的は何ですか?以下に違いはないようです。

startsWithZero(control: FormControl): {[s: string]: boolean} {
    if (control.value.indexOf('0') !== 0) {
        return {'does not start with zero': true};
    }

    return null;
}

対。

startsWithZero(control: FormControl): {[s: string]: boolean} {
    if (control.value.indexOf('0') !== 0) {
        return {'does not start with zero': false};
    }

    return null;
}

Angularのドキュメントはこの点で少し抽象的であり、Googleではあまり見つけることができません。ありがとう!

RonaldZarīts

この例では、型注釈{[s: string]: boolean}は、キーがastringで、値がaである辞書を意味booleanます。

このようなタイプは、インデックス可能なタイプと呼ばれます。これは、辞書(別名ハッシュマップ)を記述する典型的な方法です。

Angular 2では、ValidatorFnは次のように入力されます。

export interface ValidatorFn {
    (c: AbstractControl): {
        [key: string]: any;
    };
}

...を取り、AbstractControl辞書を返す関数-キーは検証ルールを識別maxLengthします(例:){'requiredLength': maxLength, 'actualLength': v.length}値は、ルールが失敗した理由を説明するものであれば何でもかまいません(例:)である必要はありませんboolean

Angular2ソースの例はこちらです。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

カスタムバリデーターAngular2

分類Dev

W3CHTMLバリデーターのAngular2構文

分類Dev

Angular2 FormBuilder:カスタムバリデーターで「this」を使用

分類Dev

Angular2でカスタムバリデーターを作成する方法

分類Dev

Angular2のカスタムバリデーターからサービスにアクセスする

分類Dev

Angular2のカスタムバリデーターにサービスを挿入します

分類Dev

別のフィールドに「次の場合に必要」なAngular2 +カスタムバリデーター

分類Dev

Angular2カスタムバリデーターは呼び出されません

分類Dev

カスタムバリデーターを複数の関数に分割Angular2

分類Dev

Angular2のカスタムバリューアクセサー

分類Dev

Angular2 表示データ

分類Dev

Angular2パラメータをカスタムフォームコントロールバリデーターに渡す方法は?

分類Dev

Angular2マテリアルカスタムテーマ

分類Dev

Yii2。カスタムクラスバリデーター

分類Dev

Angular2カスタムフォームバリデーターがクラスの `this`にアクセスできなくなる

分類Dev

カスタムバリデーターng-validクラスを使用したAngular2フォームの検証

分類Dev

Enterキーを押してangular2フォームバリデーター

分類Dev

カスタム比較パスワードバリデーターとこれ[Angular2,4,5,6]

分類Dev

2つのフィールドのいずれかが必要な場合にチェックするAngular2カスタムバリデーター

分類Dev

Angular2カスタムデコレータのサブスクリプション解除戦略

分類Dev

Angular2バリデーターエラー

分類Dev

DevExtreme Angular2 フォームのカスタム ラベル

分類Dev

Angular2 rawhtmlカスタム属性

分類Dev

Angular2カスタムバリデータディレクティブをユニットテストする方法は?

分類Dev

リーフレットカスタムコントロール-Angular2 +

分類Dev

Angular2非同期バリデーター

分類Dev

Angular2非同期バリデーター

分類Dev

パラメーター付きのAngular 2カスタムバリデーター

分類Dev

Angular2のカスタムレンダラー

Related 関連記事

  1. 1

    カスタムバリデーターAngular2

  2. 2

    W3CHTMLバリデーターのAngular2構文

  3. 3

    Angular2 FormBuilder:カスタムバリデーターで「this」を使用

  4. 4

    Angular2でカスタムバリデーターを作成する方法

  5. 5

    Angular2のカスタムバリデーターからサービスにアクセスする

  6. 6

    Angular2のカスタムバリデーターにサービスを挿入します

  7. 7

    別のフィールドに「次の場合に必要」なAngular2 +カスタムバリデーター

  8. 8

    Angular2カスタムバリデーターは呼び出されません

  9. 9

    カスタムバリデーターを複数の関数に分割Angular2

  10. 10

    Angular2のカスタムバリューアクセサー

  11. 11

    Angular2 表示データ

  12. 12

    Angular2パラメータをカスタムフォームコントロールバリデーターに渡す方法は?

  13. 13

    Angular2マテリアルカスタムテーマ

  14. 14

    Yii2。カスタムクラスバリデーター

  15. 15

    Angular2カスタムフォームバリデーターがクラスの `this`にアクセスできなくなる

  16. 16

    カスタムバリデーターng-validクラスを使用したAngular2フォームの検証

  17. 17

    Enterキーを押してangular2フォームバリデーター

  18. 18

    カスタム比較パスワードバリデーターとこれ[Angular2,4,5,6]

  19. 19

    2つのフィールドのいずれかが必要な場合にチェックするAngular2カスタムバリデーター

  20. 20

    Angular2カスタムデコレータのサブスクリプション解除戦略

  21. 21

    Angular2バリデーターエラー

  22. 22

    DevExtreme Angular2 フォームのカスタム ラベル

  23. 23

    Angular2 rawhtmlカスタム属性

  24. 24

    Angular2カスタムバリデータディレクティブをユニットテストする方法は?

  25. 25

    リーフレットカスタムコントロール-Angular2 +

  26. 26

    Angular2非同期バリデーター

  27. 27

    Angular2非同期バリデーター

  28. 28

    パラメーター付きのAngular 2カスタムバリデーター

  29. 29

    Angular2のカスタムレンダラー

ホットタグ

アーカイブ