एंगुलर 4 - एनएवी बार को रिफ्रेश पर रखें

जब कोई उपयोगकर्ता लॉग इन होता है तो मैं एक NavComponent प्रदर्शित करने के लिए एक ईवेंट एमिटर का उपयोग कर रहा हूं। यदि मैं स्क्रीन रीफ्रेश करता हूं तो NavComponent HTML गायब हो जाता है; संभवतः क्योंकि हेडर को दिखाने/छिपाने के लिए मैं जिस मूल्य का उपयोग करता था वह अब ताज़ा करने के बाद नहीं है।

किसी पृष्ठ को ताज़ा करने पर true बने रहने के लिए [hidden]="!loggedIn" जैसी किसी चीज़ को पूरा करने का एक अच्छा तरीका क्या है?

यहाँ कुछ कोड है:

LogInService में शामिल हैं: @Output() userLoggedIn: EventEmitter = new EventEmitter();

मेरा लॉगिन कॉम्पोनेंट यह करता है: this.managerService.userLoggedIn.emit(true);

और फिर मेरे NavComponent में यह है:

@Input()
    loggedIn: boolean;

    constructor(private service: LogInService ) {
        service.userLoggedIn.subscribe(loggedIn => this.loggedIn = loggedIn);
    }

तो LoginComponent LogInService को उत्सर्जित करता है और फिर NavComponent LogInService को सुनता है कि [hidden] सही है या गलत।