En este código recupero datos sobre un país como observable. Luego trato de comparar mi cadena this.city con this.capital que recuperé del Observable. Si los dos no son iguales, quiero mostrar un nuevo párrafo en el html cambiando el booleano oculto a falso. Sé que this.city y el observable this.capital no son iguales, pero no muestra el párrafo en el html después de llamar a showHeader(). Me pregunto si puede comparar datos observables con cadenas de esta manera.

 import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; import { SettingsPage } from '../../pages/settings/settings'; import { Storage } from '@ionic/storage'; import { CityDataProvider } from '../../providers/city-data/city-data'; @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { hidden: boolean = true; hiddenTwo: boolean = true; city: string; cityData: any[]; capital: string; cityLowerCase: string; constructor(public navCtrl: NavController, private storage: Storage, private cdp: CityDataProvider) { } async ionViewWillEnter() { const data = await this.storage.get("city") .then((value) => { if (value == null) { this.hidden = false; } else if (value !== null) { this.hidden = true; } this.city = value; }) .catch((error) => { alert("Error accessing storage.") }) this.cdp.getCityData(this.city).subscribe(data => { this.cityData = data; this.capital = data[0].capital.toString().toLowerCase(); this.cityLowerCase = this.city.toLowerCase(); this.showHeader(this.cityLowerCase, this.capital); }); } showHeader(a: string, b: string) { if (a != b){ this.hiddenTwo = false; } } openSettingsPage() { this.navCtrl.push(SettingsPage); };`enter code here` }