Как изменить представление при изменении значения элемента управления формы? - PullRequest
Новая
       20

Как изменить представление при изменении значения элемента управления формы?

0 голосов
/ 24 января 2019

У меня есть компонент, который является поисковым входом со свойством [formControl], мне нужно изменить представление, когда пользователь начинает вводить поиск.Я попытался сделать это, направляя пользователя к компоненту «search-view», когда начинается типизация, однако, когда отображается новое представление, ввод для поиска очищается.Мне нужно, чтобы пользователь мог продолжать печатать там, где он оставил после отображения «search-view».

SearchComponent.html

<input class="search-grid" type="search" [formControl]="searchControl">

import {Component, OnInit} from "@angular/core";
import {FormControl} from "@angular/forms";
import {Router} from "@angular/router";
@Component({
    selector: 'app-search',
    templateUrl: './search.component.html',
    styleUrls: ['./search.component.scss']
})
export class SearchComponent implements OnInit {
    private searchControl: FormControl;

    constructor(private router: Router) {
    }

    ngOnInit() {
        this.searchControl = new FormControl('');
        this.searchControl.valueChanges
            .subscribe(query => {                
            this.router.navigate(['/store-search']);
        });
    }
}
...