Как выбрать компонент из выпадающего меню в Navbar Angular 6 - PullRequest
Новая
       20

Как выбрать компонент из выпадающего меню в Navbar Angular 6

0 голосов
/ 26 декабря 2018

Как выпадающий выбор для конкретного компонента.Проблема в том, что компонент Header не имеет связи с этим компонентом.Посмотрите мою структуру папок 

//app component 
<app-header></app-header>
<ng-snotify></ng-snotify> 
<router-outlet></router-outlet>
<app-footer></app-footer>

//this is my header component
//countries is array which has countries and with ngIf i change only only 
//content in component

<nav>
  <ul>
    <li><a routerLink="home">HOME</a></li>
    <li><a routerLink="services">SERVICES</a></li>
    <li><a routerLink="jobs">JOBS</a></li>
    <li><a routerLink="teams">TEAM</a></li>
    <li><a routerLink="contact-us">
      <select (change)="onChange($event.target.value)">
        <option>CONTACT US</option>
          <option  *ngFor="let coun of countries">{{ coun }} </option>
      </select>
    </a>
    </li>
  </ul>
</nav>


onChange(selectedCountry: string) {
      this.countrySelect = selectedCountry;
}

Проблема в том, что нет никакой связи между компонентом заголовка navbar и компонентом contact us, и я не могу из выпадающего меню navbar переключить контент, который я использую.Как я могу решить это?

...