[解決済み] 入力に含まれる ng-model のフィルタ
2022-08-03 11:37:40
質問
テキスト入力があるのですが、ユーザーがスペースを使用することを許可せず、入力されたものはすべて小文字に変換されます。
ng-modelなどでフィルタを使用してはいけないことは知っています。
ng-model='tags | lowercase | no_spaces'
独自のディレクティブを作成することも検討しましたが、関数を
$parsers
と
$formatters
は入力を更新せず、他の要素にある
ng-model
を持つ他の要素のみです。
今入力しているものを変更するにはどうしたらよいですか。
私は本質的に、ここStackOverflowにあるのと同じように機能する「タグ」機能を作ろうとしているのです。
どのように解決するのですか?
モデルの値を監視し、変化したときに更新することをお勧めします。 http://plnkr.co/edit/Mb0uRyIIv1eK8nTg3Qng?p=preview
唯一の興味深い問題は、スペースに関するものです。AngularJS 1.0.3のng-model on inputでは、文字列を自動的にトリミングするので、末尾または先頭にスペースを追加してもモデルが変更されたことは検出されません(したがって、私のコードではスペースは自動的に削除されません)。しかし、1.1.1では 'ng-trim' ディレクティブがあり、この機能を無効化することができます ( コミット ). そこで、質問で述べられた機能を正確に実現するために、1.1.1を使用することにしました。
関連
-
[解決済み] 適用がすでに進行中のエラー
-
[解決済み] シンプルなangularjsの日付入力
-
[解決済み] md-selectでデフォルト値を設定する方法
-
[解決済み] 誰かangularjsの$qサービスの使用について説明してください。[重複しています]。
-
[解決済み] angularjsで$compileを操作する
-
処理されない例外が発生しました。Angular 実行中のプロジェクトで NGCC に失敗しました。
-
AngularJSのベストプラクティス。ng-repeatの$indexに注意する。
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] 入力フィールドにフォーカスを当てるには?
-
[解決済み] `<input type="file"/>` の ng-model (ディレクティブ DEMO 付き)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] X-Frame-Options'を'SAMEORIGIN'に設定しているため、フレーム内での表示を拒否された。
-
[解決済み] ページロード時にAngularJSのコントローラ関数を実行する方法は?
-
[解決済み] AngularJs ReferenceError: $http is not defined
-
[解決済み] AngularJSのシンプルな "Hello, world "が動作しない。
-
[解決済み] Angular 1.2+ で ng-bind-html-unsafe を複製するために $sce.trustAsHtml(string) を使用するにはどうしたらよいですか?
-
[解決済み] ajaxリクエスト時にAngularjsのローディング画面が表示される。
-
[解決済み] 'ApplicationSignInManager' が見つからない(ASP.NET MVC)
-
[解決済み] AngularJS の ng-disabled ディレクティブに式を指定しても動作しない
-
angularjs が src で指定されたコンテンツを iframe 内で正しく表示しない
-
[解決済み] Jasmineの "callThrough "と "callFake() "の実用的な例が欲しい