私は[[*]]と[[]だけのformOptionsを使用しました。フィールドに有効なデータを入力すると、「(成功)」というテキストが入力の隣に表示されます。これをどうやって消すのですか?私はこれを例のいずれにも見ていないし、私が何をやっているのか分からない。角度スキーマフォーム - (成功)テキストを取り除く方法
0
A
答えて
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".
}
私はそれが役に立てば幸い。
0
私が思いついた唯一の解決策は、次のスタイルがページに追加されていることを確認することです。これは、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で試してみて、あなたのアイデアが機能することを証明してください。私はたくさんのアイデアを試してきました。そして、上記のスタイルだけが効果を発揮します。
関連する問題
- 1. 角度スキーマフォーム条件
- 2. ブートストラップ成功メッセージ - 角度2
- 3. テキスト領域の角領域の空白を取り除く方法
- 4. ドロップダウンメニューのオプション/空のスペースを取り除く方法 - 角度のあるJS?
- 5. 角度材料モーダルダイアログの周りの空白を取り除く
- 6. その "テキストの終わり"を取り除く方法
- 7. 角度のあるスキーマフォーム+フォームロード時にエラーのあるハイライトフィールド
- 8. 角度DIがその子インジェクタを取り除くとき?
- 9. 角度2の数値パイプからカンマを取り除く
- 10. 角2材質:シデナブ背景を取り除く方法
- 11. php配列の二重角括弧を取り除く方法
- 12. djangoのテキスト入力からhtml/javascriptを取り除く方法
- 13. テキスト領域から余白を取り除く方法
- 14. バルクとパターンのテキストをノートパッドで取り除く方法++
- 15. 複数の角度のスキーマフォームを使用して選択
- 16. 角度スキーマフォームはどのように機能しますか?
- 17. URLからテキストを取り除く
- 18. 角度のあるスキーマフォーム - ボタンのパラメータとしてarrayIndex
- 19. TypeError:t(...)。成功は関数ではありません - 角度
- 20. 角度の要求は、ここでは代わりに成功
- 21. 角度のあるスキーマフォーム - 配列内のcopyValueTo
- 22. 角度5ではなく角度4のプロジェクトを作成する方法は?
- 23. C++で-0を取り除く方法
- 24. 余白を取り除く方法
- 25. 角度:ポスト/プットリクエストが成功した後にリクエストをする方法は?
- 26. 角度サービス(投稿、取得、削除)を開始する方法
- 27. テキストの余白を取り除く
- 28. アクセスクエリからテキストを取り除く
- 29. グラフから小さな成分を取り除く方法
- 30. ボタンボーダーを取り除く方法
以下は機能しません -
。私は古いWebFormsページでこれを押していなければならないので、私はフォームタグを使用できません。私はまた、formOptions = [{disableSuccessState:true}]を試みました。それはうまくいきませんでした。これを無効にするフォームオプションを設定する方法はありますか?私はユーザー生成のスキーマから不明な数のキーを持っています。 –あなたは= "{:{ngModelOptions:{updateOn:formDefaults 'ぼかしを'}}}" SF-オプションを試してみてくださいすることができます - あなたはまた、フォーム構成 – thegio
でform.disableSuccessState = falseオプションまだ動作していないを持っています。この問題を示すプランナーがあります。これは基本的にASFサイトの例です - https://plnkr.co/edit/X90gRqnRMNbjWouLJJSu。 disableSuccessStateを簡単に実行できない理由は、スキーマがユーザー生成され、フォームがユーザーのスキーマを処理できなければならないためです。私はそれをすることができましたが、もっと多くの作業が必要になります。 –