Настройка RouterLink для выбора в угловом режиме> 4.xx - PullRequest
0 голосов
/ 24 августа 2018

Я пытаюсь создать приложение на 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, но не могу понять, как это сделать. Я пытался смотреть онлайн, но ничего не работает

Любые предложения / помощь будут оценены.

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...