Я пытаюсь создать приложение на Angular 6.1.2, в котором пользователь может выбрать опцию из выпадающего списка и увидеть желаемый результат. Пока я могу выполнить раскрывающийся список, но у меня возникла проблема с пониманием:
Как установить для него [routerLink].
Я делюсь с вами деталями:
Фон
Angular Version: 6.1.2,
Код по теме:
<div class="col-6 navigationLanguageCol">
<select ng-model="languages" (change)="languageSelected($event)">
<option value=" ">Languages</option>
<option *ngFor="let language of Languages">{{ language.name }} ({{ language.code }})</option>
</select>
<p>
Languaged: {{ selectedLanguage }}
</p>
</div>
.ts файл:
import { Component } from '@angular/core';
// Router Module for Application level Route
import { RouterModule, Routes } from '@angular/router';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'Terra';
public Languages;
public selectedLanguage;
constructor(private router: RouterModule) {
this.Languages = [
{ "code": "ab", "name": "Abkhaz", "nativeName": "аҧсуа" },
{ "code": "aa", "name": "Afar", "nativeName": "Afaraf" },
{ "code": "af", "name": "Afrikaans", "nativeName": "Afrikaans" },
{ "code": "ak", "name": "Akan", "nativeName": "Akan" },
{ "code": "sq", "name": "Albanian", "nativeName": "Shqip" },
{ "code": "am", "name": "Amharic", "nativeName": "አማርኛ" },
{ "code": "ar", "name": "Arabic", "nativeName": "العربية" },
{ "code": "an", "name": "Aragonese", "nativeName": "Aragonés" },
{ "code": "hy", "name": "Armenian", "nativeName": "Հայերեն" },
{ "code": "as", "name": "Assamese", "nativeName": "অসমীয়া" },
{ "code": "av", "name": "Avaric", "nativeName": "авар мацӀ, магӀарул мацӀ" },
{ "code": "ae", "name": "Avestan", "nativeName": "avesta" },
{ "code": "ay", "name": "Aymara", "nativeName": "aymar aru" },
{ "code": "az", "name": "Azerbaijani", "nativeName": "azərbaycan dili"}
]
}
languageSelected(event: any) {
this.selectedLanguage = event.target.value;
}
}
Проблема
Я хочу установить [routerLink] внутри navigationLanguageCol, но не могу понять, как это сделать. Я пытался смотреть онлайн, но ничего не работает
Любые предложения / помощь будут оценены.
Спасибо