首页 > 解决方案 > 角度最喜欢的按钮,注销和登录后最喜欢的产品颜色消失了

问题描述

当点击收藏按钮时,它会被收藏,当我不喜欢它时,它会变得不受欢迎。但问题是,如果该产品是最喜欢的并注销并登录。然后它不会显示为最喜欢的颜色,但功能正常。只有颜色不能正常工作。对于这些,每个人都在说,isFavorite 的值不会在您的应用程序的整个生命周期中持续存在。一旦这个组件被销毁,isFavorite 也将被销毁。请帮助我解决这些问题

`Favorite.component.html`

`<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>`

`Favorite.component.ts`

`isFavorite: boolean[]  = [];`

`isFavoritee(elem: any) {
    // this.toggle = !this.toggle;
    this.isFavorite[elem] = !this.isFavorite[elem];
    this.favouritedata = [];
    const favo = {
      'login_Id': this.localservice.getLoginId() ? this.localservice.getLoginId() : '',
      'ad_id' : elem ? elem : '',
      'category_Id' : 27,
      'mode': 'INSERT'
    };
    this.authservice.post('/api/Favourite/insert', favo).subscribe(data1 => {
      this.favouritedata = data1;
      console.log(this.favouritedata);
    }, error => {
      alert('something went wrong');
    });
  }`

标签: angularfaviconfavorites

解决方案


推荐阅读