Урок 4. Сервер и сервисы в Angular 4

angular,angular 4
уроки angular
angular js
angular 4 и фтпгфдк 2
ангулар и сервер
ангуляр,
данные с веб сервера ангуляр
сервесы и сервер в angular 4
angular 4 tutorial
сервисы angular 4
angular4
angular 4 course
angular 4 components
angularjs
ангуляр 4
аншулар с нуля до профи

[dispeltr]

Еее бой! Все заработало! Делал этот урок на Angular 7 в процессе столкнулся с несоответствиями с данным уроком но благо есть StackOverflow)))

[DFront-tf]

большой здоровенный тебе палец вверх!)) после 1 ангуляра переходить на 4 было сложно и по другим урокам невозможно ничего понять, но ты все ясно и доступно объясняешь)

[ВладимирГоряинов-кб]

При кодировании users-sevice.ts Visual Studio Code IDE не нашел модуль HTTP. Вместо него по документации на angular.io нужно использовать в constructor HttpClient и импортировать его из @angular/common/http. В app.modules.ts в imports нужно включить HttpClientModule и импортировать его из @angular/common/http. При этом в users-service.ts первый вызов метода map убираем - он не нужен, второй выглядит так : .map(response => response['results']), дальше всё остается без изменений. Webstorm говорил, что HTTP deprecated, но код работает.

[alexviman]

Застрял на .map - все делаю, как на видео, но при попытке сохранить с добавленным .map в терминале получаю сообщение Module not found: Error: Can't resolve in
i ｢wdm｣: Failed to compile.

[xucnxucn]

Failed to compile.

./src/app/app.module.ts


Никак не могу понять, в чём беда...вроде, всё перепроверил, однако - не компилится...

[antonprokopenko]

Подскажите пожалуйста! На 13:27 почему у меня ошибка Cannot read property 'subscribe' of undefined? 'next' удалил если что. Спасибо!

[ВладимирГоряинов-кб]

Здравствуйте! Webstorm пишет на HTTP предупреждение - deprecated. При этом всё конечно работает.

[ЕльзаВикторовна-яй]

лично я пока приторможу на этом уроке, нужно дополнительно перечитать инфу о js, а то непонятно, что происходит

[oleksiifilatov]

import {map} from 'rxjs/operators/';
.pipe(
map(response => response.json())
);

[ОлегДемисов]

Практически все переменные названы user, часто непонятно где переменная локальная где массив, где что ). Серьезно можно было по-разному называть, особенно там где много связей в нескольких файлах.

[rustemibragimov]

видео начало подкисать без googla не получается, один в один с уроком

[vdsedih]

Для актуальной версии ангуляра:

import { map} from 'rxjs/operators';

@Injectable({
providedIn: 'root'
})
export class UsersService {


constructor(private http: HttpClient) { }

getUsers() {
return this.http.get(this.url)
.pipe(map(response => {
let users = response["results"];
return users.map(function (user:any) {
return {
name: user.name.first + ' ' + user.name.last,
image: user.picture.large,
geo: user.location.city
};
})
}))
}
}

[DEVILMIND_MEDIA]

Для тех у кого ошибка на этапе с .map
В комментах конечно уже полно ответов, но это лишним не будет.

import { map } from 'rxjs/operators'

@Injectable()
export class UserService {

constructor(private http: Http) {}


getUsers() {
return this.http.get(this.url)
.pipe(map(response => response.json()))
.pipe(map(response => response.results))
.pipe(map(users => {
return users.map(u => {
return {
name: u.name.first + ' ' + u.name.last,
geo: u.location.city,
image: u.picture.large
}
})
})
}
}

[ivankozhin]

Маловероятно что потребуется кому-то уже т.к. материал видео несколько устарел, но на всякий случай кину рабочий вариант для текущей сборки
getUsers() {
return
.pipe(
map(res => res.results)
);
}


Интерфейсы:
export interface User {
results: Iresults[];
info: object;
}
interface Iresults {
gender: string;
picture: Ipicture;
name: Iname;
location: Ilocation;
}
...

[ЕленаАпарина-уу]

На Angular 7 были проблемы с HTTP и c RX. Получилось так:
import { map } from 'rxjs/operators'

@Injectable()
export class UsersService {
constructor(private http: HttpClient){}

getUsers() {
.pipe(map(response => response.results))
.pipe(map(users => {
return users.map(u => {
return {
name: u.name.first + ' ' + u.name.last,
geo: u.location.city,
image: u.picture.large
}
})
}));
}

}

[biovawan]

Почему на 23:14 не имплиментируется интерфейс 'OnInit' для метода 'ngOnInit'?

[hotvineofficial]

responsive.json is not a function пишет эту ошибку когда я добавил первый оператор map

[ExpertMag]

14:57 Пишет "response.json is not a function" :/

[cfhnjhbec]

Добрый день еще раз.
Подскажите, пожалуйста. Дошел в 4-м уроке до оператора map, почемуто ругается WebStorm, а браузер не воспринимает эту команду . и в консоли нет массива object. Что тут можно сделать?

[ЮрийСмадыч]

Народ, помогите с .map !
Те решения, которые предложены ниже в комментариях не работают!
Я думаю, что проблема из за разницы версий.