Angular 5和ADAL - 工作npm包（包括AOT）

Question

是否有适用于ADAL和Angular 5（AOT构建）的npm包？

我做了很少尝试，但每个人都有一些问题。

adal-angular4plus

  

node_modules / adal-angular4plus / adal4.service.d.ts（40,25）中的错误：错误TS2503：找不到命名空间＆＃39; adal＆＃39;。   node_modules / adal-angular4plus / adal4.service.d.ts（48,22）：错误TS2503：找不到命名空间＆＃39; adal＆＃39;。安装@types/adal-angular和@types/adal也有帮助。

ng2-adal

  

在AOT中无法使用

ng2-adal-aot

  注入iframe后

acquireToken()会自动刷新appModule。难以解释。但是想象一下你在appOodule支持的组件的ngOnInit中执行http请求的情况，并且有一个httpInterceptor在acquireToken()内调用 - appModule会刷新，因此它是无休止的循环。

Answer 1

为了让adal-angular4plus工作，请在定义配置的.ts文件中添加import { adal } from 'adal-angular';。

Answer 2

您检查了ezcode-adal-angular5吗？这个组成部分：

• 是从一个有角度的5 cli项目创建的，并在内部利用了adal.js.
• 支持Angular 5项目。
• 能够使用Azure AD对用户进行身份验证。
• 能够确保与angularjs的adaljs相同的路径组件。

您还可以查看https://github.com/frankchen76/EZCode-Adal-Angular5-Sample

中的示例

Answer 3

您可能还想检查adal-angular5，Angular 5的Active Directory身份验证库（ADAL）包装程序包。使用HttpClient和HttpClientModule。

working example使用adal-angular5。