Хобрук: Ваш путь к мастерству в программировании

Ionic 2 - Получить данные от сервиса

СИТУАЦИЯ:

Извините, если это основной вопрос.

В моем приложении Ionic 2 у меня есть запрос POST для входа в систему. Это правильно работает. Есть форма с электронной почтой и паролем. Я отправляю эти данные в API и получаю в ответ соответствующие данные пользователя.

Единственная проблема в том, что я получаю эти данные внутри сервиса.

Как передать эти данные компоненту loginPage?

В консоли я вижу все правильно полученные данные. Просто console.log находится внутри службы.

Мне нужно только передать данные компоненту.

КОД:

Компонент LoginPage:

makeLogin() 
{
    var email = this.loginForm.value.email.trim();
    var password = this.loginForm.value.password.trim();

    this.userService.submitLogin(email, password, this.api_access_key);

}

Служба:

submitLogin(email: string, password: string, api_access_key: string) 
{       
    let urlSearchParams = new URLSearchParams();
    urlSearchParams.append('email', email);
    urlSearchParams.append('password', password);
    urlSearchParams.append('api_access_key', api_access_key);

    let body = urlSearchParams.toString()

    var headers = new Headers();
    headers.append('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');

    this.http
        .post(this.loginUrl, body, { headers: headers })
        .map(response => response.json())
        .subscribe(data => {
                    console.log('login API success');
                    console.log(data);
                }, error => {
                    console.log(error);
        });
}

Ответы:


1

Вам нужно subscribe внутри component, а не service.

// составная часть

makeLogin() 
{
    var email = this.loginForm.value.email.trim();
    var password = this.loginForm.value.password.trim();

    this.userService.submitLogin(email, password, this.api_access_key).subscribe((res) => {
      console.log(res);
    }, (error) => {
      console.log(error);
    });

}

// Услуга

submitLogin(email: string, password: string, api_access_key: string) 
{       
    let urlSearchParams = new URLSearchParams();
    urlSearchParams.append('email', email);
    urlSearchParams.append('password', password);
    urlSearchParams.append('api_access_key', api_access_key);

    let body = urlSearchParams.toString()

    var headers = new Headers();
    headers.append('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');

    return this.http
        .post(this.loginUrl, body, { headers: headers })
        .map(response => response.json());
}
22.11.2016
  • Привет, Ранакрунал, когда я нажму на сообщение API, я получу ответ с HTML-тегом, подобным этому {_body:‹br /›\}, так что вы можете мне помочь. 15.06.2017
  • Новые материалы

    Понимание СТРУКТУРЫ ДАННЫХ И АЛГОРИТМА.
    Что такое структуры данных и алгоритмы? Термин «структура данных» используется для описания того, как данные хранятся, а алгоритм используется для описания того, как данные сжимаются. И данные, и..

    Как интегрировать модель машинного обучения на ios с помощью CoreMl
    С выпуском новых функций, таких как CoreML, которые упростили преобразование модели машинного обучения в модель coreML. Доступная модель машинного обучения, которую можно преобразовать в модель..

    Создание успешной организации по науке о данных
    "Рабочие часы" Создание успешной организации по науке о данных Как создать эффективную группу по анализу данных! Введение Это обзорная статья о том, как создать эффективную группу по..

    Технологии и проблемы будущей работы
    Изучение преимуществ и недостатков технологий в образовании В быстро меняющемся мире технологии являются решающим фактором в формировании будущего работы. Многие отрасли уже были..

    Игорь Минар из Google приедет на #ReactiveConf2017
    Мы рады сообщить еще одну замечательную новость: один из самых востребованных спикеров приезжает в Братиславу на ReactiveConf 2017 ! Возможно, нет двух других кланов разработчиков с более..

    Я собираюсь научить вас Python шаг за шагом
    Привет, уважаемый энтузиаст Python! 👋 Готовы погрузиться в мир Python? Сегодня я приготовил для вас кое-что интересное, что сделает ваше путешествие более приятным, чем шарик мороженого в..

    Альтернатива шаблону исходящих сообщений для архитектуры микросервисов
    Познакомьтесь с двухэтапным сообщением В этой статье предлагается альтернативный шаблон для папки Исходящие : двухэтапное сообщение. Он основан не на очереди сообщений, а на..