首页 > 解决方案 > 有没有办法在角度早期执行特定服务?

问题描述

实际上在 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(['']);
                    })
            }
        }));
    }

我希望菜单和标题在第一次加载时成功加载我的界面按钮......请随时向我询问更多相关信息(对不起我的英语)

标签: angularuser-interfaceserviceloading

解决方案


在另一个组件上一段时间后,我终于解决了这个问题。
我在我的服务中使用 BehaviorSubject 类型创建了属性。
然后在我需要的组件中:
-我将服务属性值分配给组件属性
-在 html 中,我让 ngIf="property"。
不知道有没有更好的方法,但没有找到另一种方法,谢谢大家的帮助。


推荐阅读