3

ソーシャル サインイン プロバイダーをリンクおよびリンク解除するための 2 つのボタンがあります。

<button class="btn btn-default" ng-if="!user.facebook" ng-click="link('facebook')">
  Link Facebook
</button>

<button class="btn btn-danger" ng-if="user.facebook" ng-click="unlink('facebook')">
  Unlink Facebook
</button>

たとえば、 Facebookのリンクを解除するたびに、POST 要求をサーバーに送信し、別の HTTP 要求を作成して、アカウントのリンクを解除 (またはリンク) した直後に最新のユーザー情報を取得します。

私が理解できない問題は、 Facebookのリンクを解除する前にほぼ 1 秒の遅延が発生する理由です。

私は2つのボタンを持っています。正反対の条件を持っているため、同時にアクティブにすることはできません。たとえば、アカウントを既にリンクしている場合、リンクを解除しようとすると、データが受信されるとすぐに新しいボタンが表示されますFacebookをリンクする (当然のことですが) Facebookのリンクを解除するボタンが消えるまでにさらに1秒ほどかかります.

これは AngularJS のライフサイクル管理と関係があるとほぼ確信しています。これを修正することは可能ですか?

.btn更新: この問題は、クラスのこの CSS プロパティであることが判明しました: transition: background-color 0.25s ease-out;

4

1 に答える 1