Передача данных на другую страницу / компонент в Angular - PullRequest
Новая
       6

Передача данных на другую страницу / компонент в Angular

0 голосов
/ 03 июля 2018

У меня есть пользовательский ввод, как показано ниже в моем HTML-файле: - 

div class="form-group col-md-4">
            <label for="btsIp"><strong>BTS IP:</strong></label> <input ngModel type="text"
                 name="btsIp" class="form-control" id="btsIp" (blur) = "onChange()" [(ngModel)]="btsIp">
        </div>

В моем component.ts я использую его как: btsIp :any и передать его в моем запросе 

let Data = {

  "btsIp": this.btsIp
}

, который работает нормально. Но я хочу передать это btsIp значение на другую страницу / компонент, где мне нужно снова вызвать запрос, где мне нужно передать то же btsIp значение.

Не могли бы вы все помочь?

Ответы [ 2 ]

0 голосов
/ 03 июля 2018

Создайте новый ts-файл, введите его в свой модуль, используйте get и установите 

  get IP (){
    return this.btsIp;
  }

  set IP (btsIp){
    this.btsIp= btsIp;
  }

Надеюсь, это поможет

0 голосов
/ 03 июля 2018

Передача данных на другую страницу / компонент зависит от того, является ли это родительский компонент, дочерний компонент или совершенно не связанный компонент на другом маршруте.

  • Родительский компонент: вы можете вызвать функцию родительского компонента, подключив @Output дочернего компонента. Или вы можете получить доступ к свойствам дочернего компонента через объявление @ViewChild. Читать подробнее: https://angular.io/guide/component-interaction
  • Компонент Sibling: сначала перенесите в родительский компонент, как описано выше, затем передайте данные от родительского к дочернему компоненту через @Input.
  • Совершенно другая страница на другом маршруте: вы можете передавать данные через параметры маршрута. Читать подробнее: https://angular.io/guide/router

Другой подход: если вы можете позволить себе использовать NgRx (управление состоянием, основанное на Redux на RxJ для Angular), все будет намного проще, когда вы освоите его, но это огромная другая тема, которая не может быть включена в этот блок ответов. Больше на https://github.com/ngrx/platform

...