[解決済み] AngularJsでng-repeatを使用してフィルタリング(キー、値)を行うには?
2022-05-16 12:10:32
質問
私は次のようなことをしようとしています。
<div ng-controller="TestCtrl">
<div ng-repeat="(k,v) in items | filter:hasSecurityId">
{{k}} {{v.pos}}
</div>
</div>
AngularJsの部分です。
function TestCtrl($scope)
{
$scope.items = {
'A2F0C7':{'secId':'12345', 'pos':'a20'},
'C8B3D1':{'pos':'b10'}
};
$scope.hasSecurityId = function(k,v)
{
return v.hasOwnProperty('secId');
}
}
しかし、どういうわけか、それは私にすべての項目を表示しています。(key,value)でフィルタリングするにはどうしたらよいでしょうか?
どのように解決するのですか?
アンギュラー フィルター は配列にしか適用できず、オブジェクトには適用できません。
"配列からアイテムのサブセットを選択し、新しい配列として返します.".Selects.Selects.Selects.Selects;
ここでは2つのオプションがあります。
1) 移動する
$scope.items
を配列または -
2) 事前にフィルタリングして
ng-repeat
の項目を、このように
<div ng-repeat="(k,v) in filterSecId(items)">
{{k}} {{v.pos}}
</div>
そして、Controller上では
$scope.filterSecId = function(items) {
var result = {};
angular.forEach(items, function(value, key) {
if (!value.hasOwnProperty('secId')) {
result[key] = value;
}
});
return result;
}
jsfiddle : http://jsfiddle.net/bmleite/WA2BE/
関連
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] JavaScriptのオブジェクトにキーと値のペアを追加するにはどうすればよいですか?
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] コントローラでフィルタを使用するには?
-
[解決済み] ng-repeat :単一フィールドによるフィルタリング
-
[解決済み] 上級者向けJavaScript。この関数はなぜ括弧でくくられるのですか?重複
-
[解決済み] font-faceフォントのプリロード?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] AngularJSのngClassの条件付き
-
[解決済み] 配列からオブジェクトを生成する
-
[解決済み] jQuery UI - 外でクリックされたらダイアログを閉じる
-
[解決済み] マングース ユーザーの全リストを取得する
-
[解決済み] Firebase用Cloud Functionsのトリガーは時間通り?
-
[解決済み] リアクトのシャローコンパールはどのように機能するのか
-
[解決済み] React Router v4 <NavLink>と<Link>の違いについて
-
[解決済み] Math.random()を呼び出す関数は純粋か?
-
[解決済み] Javascriptでメールを送信する
-
[解決済み] JavaScriptでユーザーのローカルLANのIPアドレスを取得できるか?