[解決済み] angularjsのフィルターに引数を渡す
2023-02-02 08:55:34
質問
filter関数に引数を渡して、任意の名前でフィルタリングすることは可能でしょうか?
以下のようなものです。
$scope.weDontLike = function(item, name) {
console.log(arguments);
return item.name != name;
};
どのように解決するのですか?
実はもう一つ(多分もっと良い解決策)、angularのネイティブな「filter」フィルターを使いながら、カスタムフィルターに引数を渡す方法があります。
次のコードを考えてみてください。
<div ng-repeat="group in groups">
<li ng-repeat="friend in friends | filter:weDontLike(group.enemy.name)">
<span>{{friend.name}}</span>
<li>
</div>
これを動作させるには、以下のようにフィルタを定義するだけです。
$scope.weDontLike = function(name) {
return function(friend) {
return friend.name != name;
}
}
ここでわかるように、weDontLike は実際には、フィルタから来る元の項目だけでなく、あなたのパラメータをスコープに持つ別の関数を返します。
これができることに気づくのに2日かかりました。このソリューションはまだどこにも見たことがありません。
チェックアウト angular.jsのフィルタの極性を反転させる を参考に、フィルタを使った他の便利な操作に使ってみてください。
関連
-
[解決済み] JSONPとは何か、なぜ作られたのか?
-
[解決済み] forEachループでasync/awaitを使用する
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] どうすればjQueryに非同期ではなく、同期のAjaxリクエストを実行させることができますか?
-
[解決済み] npmスクリプトへのコマンドライン引数の送信
-
[解決済み] コントローラでフィルタを使用するには?
-
[解決済み】JavaScriptの関数にデフォルトのパラメータ値を設定する
-
[解決済み】JavaScriptの関数名を文字列で指定して実行する方法
-
[解決済み] WebStormで未解決の変数が大量にある場合の警告に対処する方法は?
-
[解決済み] Promise : then vs then + catch [重複].
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】複数の引数でAngular.jsのフィルタを呼び出すには?
-
[解決済み] React js 親コンポーネントから子コンポーネントの状態を変更する
-
[解決済み] Prototypeを使ってtextareaを自動サイズ調整するには?
-
[解決済み] なぜjavascriptのES6 Promisesはresolve後も実行を継続するのですか?
-
[解決済み] JavaScript で css プロパティを使用して HTML 要素の背景色を設定する方法
-
[解決済み] JavaScriptのArray.sort()メソッドでシャッフルするのは正しいのか?
-
[解決済み] V8 Javascript エンジンのスタンドアロン実行
-
[解決済み] JavaScriptの文字列プリミティブとStringオブジェクトの違いは何ですか?
-
[解決済み] Chrome拡張機能:popup.htmlを強制終了させる
-
[解決済み] Fetch: ステータスがOKでない場合、プロミスを拒否し、エラーをキャッチするか?