角度スキーマフォーム - （成功）テキストを取り除く方法

Question

私は[[*]]と[[]だけのformOptionsを使用しました。フィールドに有効なデータを入力すると、「（成功）」というテキストが入力の隣に表示されます。これをどうやって消すのですか？私はこれを例のいずれにも見ていないし、私が何をやっているのか分からない。

Answer 1

それはあなたが世界的に成功メッセージ無効にすることができ、設定可能です：フォームフィールドは、$されたときにエラーと成功状態 を表示するかどうセット：

https://github.com/json-schema-form/angular-schema-form/blob/development/docs/index.md

手付かずのオブジェクト{エラー、成功を}原始的。デフォルトは{エラー： 真の成功：真}である：それはフォームフィールドのオプションとしてローカルに成功メッセージを無効にすることも可能である偽

：

-> disableSuccessState: true 

あなたは成功を設定する必要があります

標準オプション：

{ 
    key: "address.street",  // The dot notatin to the attribute on the model 
    type: "text",    // Type of field 
    title: "Street",   // Title of field, taken from schema if available 
    notitle: false,    // Set to true to hide title 
    description: "Street name", // A description, taken from schema if available, can be HTML 
    validationMessage: "Oh noes, please write a proper address", // A custom validation error message 
    onChange: "valueChanged(form.key,modelValue)", // onChange event handler, expression or function 
    feedback: false,    // Inline feedback icons 
    disableSuccessState: false, // Set true to NOT apply 'has-success' class to a field that was validated successfully 
    disableErrorState: false, // Set true to NOT apply 'has-error' class to a field that failed validation 
    placeholder: "Input...",  // placeholder on inputs and textarea 
    ngModelOptions: { ... },  // Passed along to ng-model-options 
    readonly: true,    // Same effect as readOnly in schema. Put on a fieldset or array 
           // and their items will inherit it. 
    htmlClass: "street foobar", // CSS Class(es) to be added to the container div 
    fieldHtmlClass: "street"  // CSS Class(es) to be added to field input (or similar) 
    labelHtmlClass: "street"  // CSS Class(es) to be added to the label of the field (or similar) 
    copyValueTo: ["address.street"],  // Copy values to these schema keys. 
    condition: "person.age < 18" // Show or hide field depending on an angular expression 
    destroyStrategy: "remove" // One of "null", "empty" , "remove", or 'retain'. Changes model on $destroy event. default is "remove". 
} 

私はそれが役に立てば幸い。

Answer 2

私が思いついた唯一の解決策は、次のスタイルがページに追加されていることを確認することです。これは、Angular Schema Formの例で動作しています。あなたは次のプランナー - http://plnkr.co/edit/X90gRqnRMNbjWouLJJSuを見ることができます。

.sr-only { 
    position: absolute; 
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip: rect(0,0,0,0); 
    border: 0; 
} 

変更、そのクラスの名前とあなたがテキストボックスに入力したときに戻ってくる「（成功）」を参照してくださいよ。私はこれが非常にハッキリだと思うが、私が見つけた唯一の解決策だ。私のシナリオでは、グローバルな解決策が必要です。私はスキーマがユーザー生成されているので、すべての単一キーのフォームオプションを作成することはできません。

私は誰かが提供できるクリーナーソリューションを見たいと思っています。ちょうどアイデアを投稿して、Plunkerで試してみて、あなたのアイデアが機能することを証明してください。私はたくさんのアイデアを試してきました。そして、上記のスタイルだけが効果を発揮します。