javascript - ng-repeat ループで個々の div を非表示にする

Question

個々のパネル (ループの反復ごとに 1 つ) を表示する ng-repeat ループがあります。各パネルには、ng-click イベントを持つ「既読としてマーク」ボタンがあります。既読としてマークボタンがクリックされたパネルを非表示にしたいのですが、これまでのところ、選択した個々のパネルではなく、すべてのパネルを表示および非表示にすることしかできません。ng-click で選択したパネルを非表示にするにはどうすればよいですか?

ありがとう

申し訳ありませんが、ここに私が今やっていることのいくつかのコードがあります:

パネル セクション:

<section class="card" ng-repeat="item in notifications" ng-hide="msgRead">
        <div class="item item-header notification wrap">
            <h2>{{item.title}}</h2>
            <div class="notification-content">
                {{item.text}}
            </div>
            <button class="button button-block button-stable" ng-click="markAsRead(item.id)">
                Mark As Read
            </button>
        </div>
    </section>

そして、これは私のコントローラ関数です:

$scope.msgRead = true;

$scope.markAsRead = function (id) {

    $scope.msgRead = $scope.msgRead === false ? true : false;
};

スティーブン