Блог

Главная - Вопросы по программированию - Как создать выпадающий список в качестве селектора языков? Угловой Пример

Как создать выпадающий список в качестве селектора языков? Угловой Пример

#angular #typescript #primeng #web-frontend #primeng-dropdowns

Вопрос:

Я хочу создать раскрывающийся список, используя angular PrimeNG в качестве селектора языка веб-страницы. Я уже создаю с использованием углового материала, но на этот раз я хочу создать с помощью PrimeNG.

toolbar.component.html <p-dropdown [options]="lang" [(ngModel)]="selectedLang" optionLabel="name" optionValue="code" (change)="changeLang('code')"></p-dropdown>

панель инструментов.компонент.ts

 import { Component, OnInit } from '@angular/core';


interface Language {
  name: string,
  code: string
}


@Component({
  selector: 'app-toolbar',
  templateUrl: './toolbar.component.html',
  styleUrls: ['./toolbar.component.scss']
})
export class ToolbarComponent implements OnInit {

  lang: Language[];

  selectedLang: Language | undefined;

  constructor(private translateConfigService: TranslateConfigService) { 
    
    this.lang = [
      {name: 'English', code: 'en',},
      {name: '日本語', code: 'jp'}
  ];
  }

  ngOnInit(): void {
    
  }

  changeLang(type: string){
    this.translateConfigService.changeLanguage(type);
  }

} ```

Комментарии:

1. Можете ли вы рассказать, в чем ваша проблема, что вы пытаетесь и что вам не удалось сделать ?

2. Я хотел бы использовать выпадающий список, чтобы выбрать язык для отображения в веб-контенте. В настоящее время мы используем грунтовочный материал. Если вы выбрали японский, то веб — контент должен быть изменен на японский. Я хотел бы создать метод для этого.

Метки: