根据用户选择显示菜单项 Ionic + Angular

大佬教程收集整理的这篇文章主要介绍了根据用户选择显示菜单项 Ionic + Angular，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决根据用户选择显示菜单项 Ionic + Angular？

开发过程中遇到根据用户选择显示菜单项 Ionic + Angular的问题如何解决？下面主要结合日常开发的经验，给出你关于根据用户选择显示菜单项 Ionic + Angular的解决方法建议，希望对你解决根据用户选择显示菜单项 Ionic + Angular有所启发或帮助；

我创建了一个应用程序，该应用程序可以用 3 种不同的语言显示项目：Eng、Spa、Por。它们的显示方式是在第一个用户选择页面上设置的，他们在其中选择首选语言并将该值保存在 localstorage 中。

除了菜单之外一切正常，因为它是在应用打开时创建的，这是在用户选择之前创建的。

那么，我的问题是，如何获取此值以更改菜单中的语言并正确显示名称？

应用组件 HTML：

<ion-app>
  <ion-split-pane contentID="main-content">
    <ion-menu contentID="main-content" type="overlay">
      <ion-content>
        <ion-List ID="inBox-List">
          <ion-List-header>MENU</ion-List-header>

          <ion-menu-toggle auto-hIDe="false" *ngFor="let p of appPages; let i = index">
            <ion-item [routerlink]="[p.url]" lines="none" detail="false" routerlinkActive="SELEcted" (click)="setname(p.name_esp,p.name_eng,p.name_por)">
              <div class="icon" style="BACkground: url('{{url}}API/downloadfile/{{p.imagE}}') 0/100% no-repeat;">

              </div>
              <ion-label *ngIf="lang == 'esp'">{{ p.name_esp | uppercase }}</ion-label>
              <ion-label *ngIf="lang == 'eng'">{{ p.name_eng | uppercase }}</ion-label>
              <ion-label *ngIf="lang == 'por'">{{ p.name_por | uppercase }}</ion-label>
            </ion-item>
          </ion-menu-toggle>
        </ion-List>
      </ion-content>
    </ion-menu>
    <ion-router-outlet ID="main-content"></ion-router-outlet>
  </ion-split-pane>
</ion-app>

应用组件 ts：

import { Component } from '@angular/core';
import { Sharedservice } from './services/shared.service';
@Component({
  SELEctor: 'app-root',templateUrl: 'app.component.HTML',styleUrls: ['app.component.sCSS'],})
export class AppComponent {
  public appPages = [
  ];

  pages: anY[]=[];
  url:string;
  lang:string;

  constructor(private service: SharedservicE) {
    this.getCategorIEs();
    thiS.Url = service.url;
    this.lang = localstorage.lang;
  }

  getCategorIEs(){
    this.lang = localstorage.lang;
    console.log('lenguaje = ' + this.lang);
    this.service.getCategorIEs().subscribe(data => {
      this.pages = JsON.parse(localstorage.categorIEs);
      for(let i = 0; i<this.pages.length; i++){
        this.appPages.push(this.pages[i]);
      }
    });
  }

  setname(str1,str2,str3){
    if(this.lang == 'esp'){
      localstorage.category_name = str1;
    } else if(this.lang == 'eng'){
      localstorage.category_name = str2;
    } else {
      localstorage.category_name = str3;
    }
  }
}

提前致谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的根据用户选择显示菜单项 Ionic + Angular全部内容，希望文章能够帮你解决根据用户选择显示菜单项 Ionic + Angular所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。