-
Angular11 MSAL B2C登录实例(二)
关键词 Angular 11 B2C MSAL前言上文介绍了在app.module.ts里的配置,本文着重讲解下在app-routing.module.ts和index.html里的设置。步骤在文件中主要需要添加以下代码 app-routing.module.tsconst initialNavigation = (!BrowserUtils.isInIframe() && !BrowserUtils.isInPopup()) || window.location.hre...…
-
Angular11 MSAL B2C登录实例(一)
关键词 Angular 11 B2C MSAL前言因为项目需求,需要把Angular 11项目中登录方式改成B2C登录,所以在参考了一系列文档后,成功通过MSAL将项目的登录方式改成B2C登录。下面介绍了详细步骤及一些注意事项。步骤:1. 安装MSAL在项目中安装msalnpm i @azure/msal-angular --savenpm i @azure/msal-browser --save通过查阅MSAL的文档,发现v2以上版本才支持Angular11,所以在本项目的代码中使用的是...…
-
Angular8 如何更改子组件样式
关键词 Angular 8 style前言本文介绍了在Angular 11中,更改子组件样式失效时的一种解决办法。发生场景根据项目需求,需要更改一个子组件的样式,单纯的使用后代选择器无法实现。解决办法 使用 ::ng-deep具体代码如下.text-class ::ng-deep .card{ min-height: 100px;}后言希望本文会对你有所帮助,如果有什么问题,可在下方留言沟通。…
-
两个div之间有空白或间隔的解决办法
关键词 HTML div前言在项目过程中,发现两个padding和margin都为0的div之间有空白,以下为解决办法。解决办法给父容器加上font-size: 0px 即可解决。…
-
JS !!两个感叹号的作用
关键词:JavaScript !!具体场景先来看如下代码, 对字符串test进行判断:if(test!=null&&test!=undefined&&test!=''){ console.log('test为非空')}实际上只需要写if(!!(test.trim())){ document.write('test为非空')!!(test)的作用是将test强制转换为布尔型(boolean)再进行判断或者比较。…