REST APIのレスポンスに基づいてangularjsがレンダリングされます

Question

ログインボタンとその他のコンポーネントを持つ1つのアプリがあります。ページをロードするときに、認証RESTサービスを呼び出す必要があります。認証が無効になっている場合は、ログインボタンを表示しないでください。同様に、認証が有効になっているときにログインボタンを表示する必要があります。

私がRESTを確認している限り、API呼び出しは非同期であり、応答が得られる前にページが読み込まれます。

下記のリンクで述べたように私も約束を使用してみましたが、それは http://markdalgleish.com/2013/06/using-promises-in-angularjs-views/

がどのように私は条件付きでREST API呼び出しからの応答に基づいてビューをレンダリングすることができます助けることができませんでしたか？

Answer 1

angularjsのng-ifディレクティブを使用できます。 REST APIレスポンスのスコープ変数を更新して、ng-if = trueにします。これにより、認証が完了したときにのみログインボタンが作成されます。

Answer 2

ng-showディレクティブを使用できます。認証APIの応答に基づいて、ログインボタンの表示/非表示を使用することができます。

Answer 3

最初に1つのスコープをfalseに設定し、この変数を使用してログインボタンを非表示にします。

$scope.loginButton = false; 

ng-showまたはng-ifディレクティブを使用して、html要素を非表示にして表示できます。

<input type="submit" ng-show = "loginButton"> 

サービスからの応答を取得し、応答を確認します。認証ステータスが有効な場合は、スコープ変数をtrueにします。

$scope.loginButton = true;