[解決済み] Angular 1.2 の ng-repeat の track by を boolean プロパティでフィルタリングする
2023-07-30 14:56:52
質問
booleanプロパティの値に基づいていくつかのリスト項目をフィルタリングしようとしていますが、何をやってもリスト全体が常に表示されます。私が試したことのいくつかは、何も表示されないほど壊れていましたが、それはここでもなければそこでもありません。私はフィルタリングを希望通りに動作させることができません。
$scope.attendees = [
{"firstname":"Steve", "lastname":"Jobs", "arrived":true, "id":1}
,{"firstname":"Michelle", "lastname":"Jobs", "arrived":false, "id":2}
,{"firstname":"Adam", "lastname":"Smith", "arrived":true, "id":3}
,{"firstname":"Megan", "lastname":"Smith", "arrived":false, "id":4}
,{"firstname":"Dylan", "lastname":"Smith", "arrived":false, "id":5}
,{"firstname":"Ethan", "lastname":"Smith", "arrived":false, "id":6}
];
以下のng-repeatによるフィルタリングを使用。
<ul>
<li ng-repeat="person in attendees track by person.id | filter:arrived:'false'">
{{person.lastname}}, {{person.firstname}}
</li>
</ul>
参照できるすべての順列を試したような気がします。そのほとんどは、さまざまな StackOverflow の検索結果から得られたものです。
-
filter:'arrived'
-
filter:arrived
-
filter:'person.arrived'
-
filter:person.arrived
-
filter:{arrived:true}
-
filter:{arrived:'true'}
-
filter:{person.arrived:true}
-
filter:{person.arrived:'true'}
カスタムフィルター関数を作ってみたり。
$scope.isArrived = function(item) {
return item.arrived;
};
そして、このように適用する。
-
filter:isArrived
-
filter:'isArrived'
-
filter:{isArrived(person)}
-
filter:isArrived(person)
-
filter:'isArrived(person)'
これらのどれも動作しないようです。何が足りないのでしょうか?
どのように解決するのですか?
track byは式の末尾に必要です。
<li ng-repeat="person in attendees | filter: {arrived: false } track by person.id">
関連
-
[解決済み] Angular ng-repeat エラー "リピータ内の重複は許可されません。"
-
[解決済み] AngularJSの.$uibModalとは何ですか?
-
[解決済み] Angular 1.2+ で ng-bind-html-unsafe を複製するために $sce.trustAsHtml(string) を使用するにはどうしたらよいですか?
-
[解決済み] 'ApplicationSignInManager' が見つからない(ASP.NET MVC)
-
[解決済み] angularjsでチャートを作成する【終了】。
-
[解決済み] AngularJSのng-repeatでキーと値を反復処理する方法は?
-
[解決済み] AngularJSでコントローラを2回実行する場合の対処法
-
[解決済み】角度付きng-repeatの逆再生
-
[解決済み] AngularJS - ng-Repeat内でプロパティ名を参照するにはどうすればよいですか?
-
[解決済み] angular ng-repeat 式にマッチした場合、アイテムをスキップする。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】TypeError: window.initMap is not a function
-
[解決済み] AngularJs ReferenceError: $http is not defined
-
AngularJSのベストプラクティス。ng-repeatの$indexに注意する。
-
[解決済み] どのように$state.goにパラメータを追加しますか?
-
[解決済み] AngularJs .$setPristineでフォームをリセットする
-
[解決済み] Angular.js: $evalの仕組みとバニラevalとの違いは何ですか?
-
[解決済み] なぜAngularJSはselectに空のオプションを含めるのですか?
-
[解決済み] 条件に応じて特定のルートにリダイレクトする機能
-
[解決済み] ng-repeat :単一フィールドによるフィルタリング
-
[解決済み] AngularJSのサービスをコンソールからテストするにはどうしたらいいですか?