[解決済み】複数の引数でAngular.jsのフィルタを呼び出すには?
2022-03-28 05:47:18
質問
からのように ドキュメント のようなフィルタを呼び出すことができます。 日付 このように
{{ myDateInScope | date: 'yyyy-MM-dd' }}
ここでdateは引数を1つ取るフィルタです。
テンプレートとJavaScriptコードの両方から、より多くのパラメータを持つフィルタを呼び出すための構文とは何でしょうか?
どのように解決するのですか?
テンプレートでは、フィルタの引数を コロン .
{{ yourExpression | yourFilter: arg1:arg2:... }}
Javascript からは、次のように呼び出します。
$filter('yourFilter')(yourExpression, arg1, arg2, ...)
には、実は例が隠されています。 オーダーバイ フィルタのドキュメントを参照してください。
例
例えば、正規表現で置き換えることができるフィルターを作るとしよう。
myApp.filter("regexReplace", function() { // register new filter
return function(input, searchRegex, replaceRegex) { // filter arguments
return input.replace(RegExp(searchRegex), replaceRegex); // implementation
};
});
すべての数字を打ち消すためにテンプレート内で呼び出す。
<p>{{ myText | regexReplace: '[0-9]':'X' }}</p>
関連
-
[解決済み] ng-pattern` - 数字だけをチェックする方法は?
-
[解決済み] 入力フィールドにフォーカスを当てるには?
-
[解決済み] 部分テンプレートとテンプレートの複雑なネスト
-
[解決済み] AngularJS 。非同期データでサービスを初期化する
-
[解決済み] AngularJSのサービスをコンソールからテストするにはどうしたらいいですか?
-
[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか?
-
[解決済み】AngularJSディレクティブで定義されたメソッドを呼び出すには?
-
[解決済み】AngularJS 。ファクトリーの代わりにサービスを使用する場合
-
[解決済み] Angularjs テンプレート バインディングが Null / 未定義の場合のデフォルト値 (フィルター付き)
-
[解決済み] angularJSでオブジェクトのプロパティでフィルタリングする方法
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] `ui-router` $stateParams vs. $state.params
-
[解決済み] 適用がすでに進行中のエラー
-
[解決済み] select 要素のデフォルト値を設定するための ng-option の使用方法
-
[解決済み] AngularJSのシンプルな "Hello, world "が動作しない。
-
[解決済み] Angular 1.2+ で ng-bind-html-unsafe を複製するために $sce.trustAsHtml(string) を使用するにはどうしたらよいですか?
-
[解決済み] ReferenceError: Angularは定義されていません。
-
[解決済み] Angular UI-Routerのマルチビュー
-
[解決済み] AngularJS: ngRouteが動作しない。
-
[解決済み] Jasmineの "callThrough "と "callFake() "の実用的な例が欲しい
-
[解決済み] angularJSの::の意味するところ