Question

我已将“收藏夹”图标添加为有角图标，但颜色没有改变，刷新时也没有显示为“收藏夹”

Favourite.component.html

datagrid

favourite.component.ts

  public void ContentCollectionChanged(object sender, NotifyCollectionChangedEventArgs e)
    {

        if (e.Action == NotifyCollectionChangedAction.Add)
        {
            foreach (WpfApp1.ViewModels.TimeSheetRow item in e.NewItems)
            {

                // Change properties values of the new row

            }
        }
    }

Answer 1

您在toggle条件正在检查ngClass的同时在组件中切换变量isFavorite。您还需要使用一个数组，因为您可以将多个产品设置为收藏。

您需要根据传递的ID设置isFavorite

isFavorite: boolean[] = [];

isFavoritee(elem: any) {
    this.isFavorite[elem] = !this.isFavorite[elem];
    // Add other code here
}

然后在您的模板中，更新ngClass条件。

<button class="favouri" (click)="isFavoritee(x.ad_Id)">
    <i class="fa" [ngClass]="{'fa-heart' : isFavorite[x.ad_Id], 'fa-heart-o': !isFavorite[x.ad_Id] }"></i>
</button>

关于刷新时为什么不显示数据的原因，由于要发送POST请求以保存收藏的数据，因此还应该有一个GET请求以获取相同的数据。您需要在ngOnInit中调用此请求，并根据从API收到的响应来设置isFavorite。

添加了“角度收藏夹”按钮，但颜色未更改

1 个答案: