Форум программистов, компьютерный форум, киберфорум
Angular/AngularJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 26.05.2020
Сообщений: 15

Angular+Firebase

19.12.2020, 12:50. Показов 1052. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Люди добрые подскажите в чём я туплю уже второй день, реально уже не могу..... Есть сервис который подгружает и выводит информацию о всех товарах с Firebase (тут всё работает). При клике по какому-либо товару должна подгружаться детальная информация этого товара но ничего не выходит. После данного запроса console.log(this.itemID) в консоли вижу: {query: Reference, snapshotChanges: ƒ, update: ƒ, set: ƒ, remove: ƒ, …}. В тоже время console.log(params) id товара определяет правильно, а почему тогда не приходят соответствующие параметры товара???
component.ts
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Params } from '@angular/router';
 
import { Goods } from '../model/goods.model';
import { HttpService } from '../services/goods.service';
 
@Component({
  selector: 'app-good',
  templateUrl: './good.component.html',
  styleUrls: ['./good.component.scss'],
  providers: [HttpService]
})
export class GoodComponent implements OnInit {
 
  good: Goods
  header: string = 'Подробнее о товаре'
  statisticalInformation: string
  goodId: any
  itemID
 
  constructor(private activatedRoute: ActivatedRoute, private httpService: HttpService) { 
    this.goodId = activatedRoute.snapshot.params["id"]
    this.statisticalInformation = activatedRoute.snapshot.data[0]['statInf'];
  }
 
  ngOnInit(): void {
    this.activatedRoute.params.subscribe((params: Params) => {
      console.log(params)
      this.itemID = this.httpService.getGoodsById(params.id)
      console.log(this.itemID)
    })
  }
}
service.ts
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { AngularFireDatabase, AngularFireList, AngularFireObject } from '@angular/fire/database';
 
import { HttpClient } from '@angular/common/http';
import { Goods } from '../model/goods.model';
  
@Injectable()
export class HttpService {
    
    goodsList: AngularFireList<Goods[]> = null
    item: AngularFireObject<Goods> = null
    private basePath: string = '/goods'
    
    constructor(private http: HttpClient, private firebaseDB: AngularFireDatabase){ }
    
    getGoogsList(): AngularFireList<Goods[]> {//all goods 
        this.goodsList = this.firebaseDB.list(`${this.basePath}`);
        return this.goodsList;
    }
 
    getGoodsById(key: number): AngularFireObject<Goods> {//one goods
        const itemPath = `${this.basePath}/${key}`;
        this.item = this.firebaseDB.object(itemPath);
        return this.item  
    }
 
    getAllGoods(params: {}): Observable<any> {
        return this.http.get((`${this.basePath}`), {params});
    }
}
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
19.12.2020, 12:50
Ответы с готовыми решениями:

Angular 6 + Firebase email-password authorisation. Email Verification
Есть некоторое приложение с необходимостью регистрации/авторизации (Firebase -email/password). При нажатии на условную кнопку...

Angular 2
Доброго дня, столкнулся с такой проблемой: при инициализации любого компонента, где используются импортируемые шрифты - они, по какой-то...

DI в Angular
Angular 6. Доброго времени суток. Изучая Angular столкнулся с таким случаем: import { Component, Inject, OnInit } from...

3
 Аватар для magnusmax
97 / 90 / 61
Регистрация: 20.10.2013
Сообщений: 300
21.12.2020, 15:08
Попробуй подписаться на вызов сервиса
JavaScript
1
this.httpService.getGoodsById(params.id).subscribe(item => console.log(item));
0
0 / 0 / 0
Регистрация: 26.05.2020
Сообщений: 15
21.12.2020, 18:11  [ТС]
Свойство "subscribe" не существует в типе "AngularFireObject<Goods>". (см. строчка 12 service.ts)
0
 Аватар для EveKS
601 / 485 / 185
Регистрация: 19.04.2016
Сообщений: 1,885
25.12.2020, 07:36
Nikolya-86, FirebaseObjectObservable
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
25.12.2020, 07:36
Помогаю со студенческими работами здесь

Angular 2
Добрый день Делаю все в среде IntelliJ Idea. Прикрепила к письму 2 файла. Самый простой пример вот от сюда...

Angular + C# mvc
Делаю в MVC по статье https://metanit.com/web/angular2/6.1.php , но выводит только текст, а сами данные не выводит. внизу скрин с...

Архитектура Angular
Доброго времени суток. На данный момент изучаю Angular2 и планирую писать на нем большие проекты. Смотрел про архитектуру Redux библиотеки...

Angular http get
Есть код: var app = angular.module('app', ); app.controller('mainCtrl', function($http, $scope){ var get1 =...

Angular DataTable
Уважаемые господа, у меня есть связка Bootstrap + AngularJS. Я не знаю в каком разделе спросить поэтому прошу админов не ругаться. Проблема...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача №1: при указании работ (справочник РаботыПоРемонтуСпецтехники),. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru