身份驗證期間刷新AngularJS SPA應用程序Azure AD

Question

我們正在嘗試構建一個利用adal.js與Azure AD進行身份驗證的Angular SPA應用程序。 但是，與包含靜態路由的示例應用程序不同，該應用程序不需要身份驗證，我們希望確定用戶是否已通過身份驗證，並基於“ userInfo.isAuthenticated”對用戶進行相應的路由，但是在使用ng-if on時采用這種方法索引頁，我們可以正確地重定向到登錄名，但是在輸入登錄憑據后，我們看到的循環似乎是在應用程序登錄過程中發生了1至3次。有人使用ADAL解決方案嗎？ js和ADAL-angular.js在范圍級別攔截'IsAuthenticating'屬性，以避免此問題？

謝謝，

Answer 1

您能提供一些示例代碼嗎？ 我不清楚您的情況。 您是否只是想在頁面上顯示/隱藏鏈接？ 示例應用使用userInfo.isAuthenticated進行ng-show。 您是否在此頁面上使用ng-if並且無法正常工作？ 我希望它們對ng-show和ng-if起作用，因為它會檢查布爾值。

<div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li ng-class="{ active: isActive('/Home') }"><a href="#/Home">Home</a></li>
                    <li ng-class="{ active: isActive('/TodoList') }"><a href="#/TodoList">Todo List</a></li>
                    <li ng-class="{ active: isActive('/UserData') }"><a href="#/UserData" ng-show="userInfo.isAuthenticated">User</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a class="btn btn-link" ng-show="userInfo.isAuthenticated" ng-click="logout()">Logout</a></li>
                    <li><a class="btn btn-link" ng-hide=" userInfo.isAuthenticated" ng-click="login()">Login</a></li>
                </ul>
            </div>

范例： https ： //github.com/AzureADSamples/SinglePageApp-AngularJS-DotNet/blob/master/TodoSPA/index.html