条件が満たされた場合、リストビューからアイテムを削除/非表示にする必要があります: getData と getCategory Name の両方が等しい。コンソール ログでテストしたところ、最初の 3 つの項目について、上記の 2 つの条件が同じでした。
それに基づいて、アイテムを非表示にする必要があります。コードの下で試しました。うまくいきません。
編集:
html :
<GridLayout >
<ListView (setupItemView)="onSetupItemView($event)" [items]="allFeedItems" class="list-group">
<ng-template let-item="item" let-visible="visible">
<StackLayout [visibility]="visible ? 'visible' : 'collapsed'" class="card-view" margin="10">
<StackLayout>
<StackLayout orientation="horizontal">
<Image src={{item.iconName}} stretch="none" class="item-icon"></Image>
<Label class="item-category" [text]="item.category"></Label>
</StackLayout>
<StackLayout orientation="horizontal">
<Label class="item-time" text="4 hours ago"></Label>
</StackLayout>
<StackLayout orientation="vertical">
<Image src={{item.imageUrl}} stretch="aspectFill" width="100%" height="50%" class="item-image"></Image>
<Label class="item-title" [text]="item.title" textWrap="true"></Label>
</StackLayout>
</StackLayout>
</StackLayout>
</ng-template>
</ListView>
<Image src="res://pref_circle" (setupItemView)="showModal($event)" verticalAlignment="bottom" horizontalAlignment="right" minWidth="45" height ="45" ></Image>
モーダル カスタム ダイアログ画面を使用しています。モーダル ダイアログから戻ると、以下のコードがトリガーされます。
ts ファイル:
public showModal(args: SetupItemViewArgs) {
let options = {
context: {},
fullscreen: true,
viewContainerRef: this.vcRef
};
this.modal.showModal(ModalComponent, options).then(res => {
console.log("Res:", res);
console.log("PrintCategory2", StatusBar.categoryArr);
let i = args.index;
let barCategory = StatusBar.categoryArr[i];
let dataCategory = this.allFeedItems[i].category;
if (barCategory === dataCategory) {
args.view.context.visible = false;
} else {
args.view.context.visible = true;
}
});
画像をクリックすると、showmodel ダイアログが表示されます。モーダル ダイアログから応答を取得すると、次の行がトリガーされます this.modal.showModal(ModalComponent, options).then(res =>
。
私の問題は次のとおりです。モーダルダイアログをクリックしてもトリガーされません。このメソッドに SetUpItemViewArgs を追加したため:public showModal(args: SetupItemViewArgs)