如何检查烤面包是否存在

Question

我想检查吐司是否存在，如果它不是我想移动购物车按钮

这里是截图：＃/ p>

当吐司存在时，如何移动购物车按钮？甚至整个页面也必须向上移动。

我试过了：

let toast = this.toastCtrl.create({
        message: 'Dish added to Cart',
        cssClass: 'mytoast',
        duration: 2000
      });

      toast.onDidDismiss(() => {
        console.log('Dismissed toast');
        document.querySelector('.fab').setAttribute('bottom', '10px');
      });

      document.querySelector('.fab').setAttribute('bottom', '60px');

      toast.present(toast);
    });

但那不起作用

Answer 1

我忘记将样式传递给setAttribute所以答案是：

let toast = this.toastCtrl.create({
   message: 'Dish added to Cart',
   cssClass: 'mytoast',
   duration: 2000
});

toast.onDidDismiss(() => {
   document.querySelector('.fab').setAttribute("style", "bottom: 10px;");
});
toast.present(toast);
document.querySelector('.fab').setAttribute('style','bottom:60px');

Answer 2

尝试：

(document.querySelector('.fab') as HTMLElement).style.bottom = '10px';

关于dissmiss和

(document.querySelector('.fab') as HTMLElement).style.bottom = '60px';

on create。