angular - 有没有办法在角度早期执行特定服务?
问题描述
实际上在 Angular 中进行了一个新项目,当我尝试在 app.component 文件中加载标题和菜单时发现了一个问题。似乎它们没有完全加载,或者它们没有与所需的服务进行通信。一个函数正在检查是否允许用户查看某些界面按钮,但如果没有重新加载它就无法工作(是的,在页面重新加载后它可以工作)。不明白什么是失败。
试图在入口组件数组中设置组件但不起作用。
检查权限的功能
isAllow (action) {
let checked = false;
if( localStorage.getItem ('allow')){
let stored = JSON.parse(atob(localStorage.getItem('allow')))['permissions'];
if(stored.includes(action))checked=true;
}
return checked;
}
如何在我的 app.component 中调用组件
<app-header></app-header>
<div id="main" class="grey lighten-4">
<div class="wrapper">
<app-breadcrumb></app-breadcrumb>
<app-alert></app-alert>
<router-outlet></router-outlet>
<app-menu></app-menu>
</div>
</div>
<app-footer></app-footer>
login (username: string, password: string) {
return this.http.post<any>(Config.apiUrl + '/oauth', { grant_type: 'password', username: username, password: password, client_id: username }, httpOptions)
.pipe(map((res:any) => {
if (res && res.access_token) {
localStorage.setItem('currentAuth', btoa(JSON.stringify(res)));
var user:any = {"username":username};
localStorage.setItem('user', btoa(JSON.stringify(user)));
this.currentToken = res.access_token;
this.user.getAccountById(res.account_id).subscribe(e=>{
localStorage.removeItem('allow');
localStorage.setItem('allow',btoa(JSON.stringify({'id':res.account_id,'permissions':(e['type']==1?['1','2','3','4','5','6','7','8','9','10','11','12']:(e['levels']!=null?e['levels']:['0'])),'type':e['type'],'id_client':e['id_client']})));
this.loggedIn.next(true);
this.router.navigate(['']);
})
}
}));
}
我希望菜单和标题在第一次加载时成功加载我的界面按钮......请随时向我询问更多相关信息(对不起我的英语)
解决方案
在另一个组件上一段时间后,我终于解决了这个问题。
我在我的服务中使用 BehaviorSubject 类型创建了属性。
然后在我需要的组件中:
-我将服务属性值分配给组件属性
-在 html 中,我让 ngIf="property"。
不知道有没有更好的方法,但没有找到另一种方法,谢谢大家的帮助。
推荐阅读
- python - 通过 Python 将数据合并到 Excel 中的 1 个工作表中
- java - 如何从二维数组中获取奇数行或偶数行?
- typescript - OverwriteModelError:编译后无法覆盖“用户”模型
- flutter - 如何在颤动的发布请求中发送数据数组
- sql - ORACLE SQL中删除前显示要删除的记录
- google-sheets - 如何在单元格范围内使用 IF AND 语句谷歌表格
- reactjs - 找不到模块:无法解析“fs”-NextJS
- javascript - 在我的 JS 游戏中,球的角度不平滑。总是让曲线移动。我该如何解决?
- common-lisp - 如何将列表传递给常见的 lisp 宏?
- c++ - 比较不同长度的成员参数包