在angular2中更改页面内容而不更改url

我使用ngIf检查变量值,方法是在单击锚标记时调用的方法中设置变量值,。但在这里,我的内容也是刷新页面后的先前内容

应用程序内。组成部分html

            <div class="row b-r" *ngIf="region==='INDIA'">
             INDIA Region
            .........
            .........
            </div>
           <div class="row b-r" *ngIf="region==='US'">

            US Region
            ................
             ..............
             .....
           </div>
       <a role="menuitem" tabindex="-1" [routerLink]="'/'" 
       (click)="ChangeRegion('US')">US</a>
       <a role="menuitem" tabindex="-1" [routerLink]="'/'" 
        (click)="ChangeRegion('INDIA')">INDIA</a>

应用程序内。成分。输电系统

     ngOnInit() {

          //Using localstorage for retaining region value after refreshing the page
       if (localStorage.getItem("region") === null) {
          this.region = "INDIA";
         }
      else {
       this.region = localStorage.getItem("region");
        }
      }
         region: string;

    ChangeRegion(region) {
       this.region = region;

     localStorage.setItem("region", this.region);

        }

因此,我在刷新页面后使用localstorage保留变量值。很好用