Angular2

@asics · Регистрация: 09.09.2010

Студворк — интернет-сервис помощи студентам

Здравствуйте. Как подружить spring mvc и angular2 ? Технология новая и я так понимаю, что в инете примеров такой связки еще нет или просто я не нашел, что вполне вероятно. Хотелось бы пример какого-то круд приложения типа тудулиста или что-то такого.

@XRoy · 27.08.2016, 20:52

asics,
Для начала надо определить где проблема .сервис отдает данные после добавления?

@asics · 27.08.2016, 20:54 **[ТС]**

Сообщение от XRoy

сервис отдает данные после добавления?

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

@XRoy · 27.08.2016, 20:56

asics,
Посмотреть на ответ сервиса в dev tools

@asics · 27.08.2016, 21:11 **[ТС]**

Сообщение от XRoy

Посмотреть на ответ сервиса в dev tools

Подскажите как именно это сделать, пожалуйста. Использую chrome + webstorm.

@XRoy · 27.08.2016, 21:14

asics,
В хроме нажимаем f12, появятся Dev tools там будет вкладка network, после этого добавляем элемент и смотрим на ответ

@asics · 27.08.2016, 21:17 **[ТС]**

XRoy, не знаю куда и что тут смотреть...

@OwlCat · 31.08.2016, 22:27

Сообщение от asics

как это посмотреть?

если гет запрос напиши прям в строку браузера что типа localhost:8080/api/values или что там у тебя, ну или посмотри что то типа постмена или свагера =_=

@asics · 31.08.2016, 22:49 **[ТС]**

OwlCat, з гет запросом вроде все норм, когда я перезагружаю страницу все работает корректно. проблема з пост, я так понимаю.

@OwlCat · 02.09.2016, 00:42

если джисон отправлять то попробуй
ммм

вот те пример

JavaScript
1
2
3
4
5
6
7
8
9
private headers = new Headers({'Content-Type': 'application/json'});
 
 private post(uri: string, device: Device): Promise<Device> {
        return this.http
            .post(uri, JSON.stringify(device), {headers: this.headers})
            .toPromise()
            .then(resp => resp.json())
            .catch(this.handleError);
}

@asics · 02.09.2016, 12:32 **[ТС]**

OwlCat, так а почему вы думаете, что если заменить Observable на Promise то это решит проблему?

@asics · 10.09.2016, 20:11 **[ТС]**

OwlCat, Проблема, как и ожидалось не решилась, пишу так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
private post(todo: ITodo): Promise<ITodo> {
 
    let body = JSON.stringify(todo);
    let headers  = new Headers({
      'Content-Type': 'application/json'
    });
    let options = new RequestOptions({headers: headers});
    return this.http.post(this.baseUrl + "/todo-item/", body, options)
      .toPromise()
      .then(this.extractData)
      .catch(this.handleError);
  }

как еще можно понять где ошибка?

@asics · 11.09.2016, 15:25 **[ТС]**

Скрин запроса

@asics · 11.09.2016, 16:58 **[ТС]**

Проблема решилась на сервере так:

Java
1
2
3
4
5
6
7
8
9
@RequestMapping(value = "/todo-item/", method = RequestMethod.POST)
    public ResponseEntity<TodoItem> addTodoItem(@RequestBody TodoItem todoItem, UriComponentsBuilder ucBuilder) {
 
        todoItemService.addTodoItem(todoItem);
 
        HttpHeaders httpHeaders = new HttpHeaders();
        httpHeaders.setLocation(ucBuilder.path("/todo-item/{id}").buildAndExpand(todoItem.getId()).toUri());
        return new ResponseEntity<TodoItem>(todoItem, httpHeaders, HttpStatus.CREATED);
    }

@OwlCat · 21.09.2016, 21:27

офф топом

Promises emit a single value whereas streams emit many values. - Streams fulfill the same
role in your application as promises. If you’ve made the jump from callbacks to promises, you
know that promises are a big improvement in readability and data maintenance vs. callbacks.
In the same way, streams improve upon the promise pattern in that we can continuously
respond to data changes on a stream (vs. a one-time resolve from a promise)

(с) ng-book 2 : The Complete Book on AngularJS 2

Новые блоги и статьи Все статьи Все блоги /
сукцессия 43. Вторая научная статья за месяц- прайминг и гатгил anaschu 25.07.2026 две стороны одной монеты	Более приземисто - Эстафету хвоста в .cdl (деревья эстафеты в сад). Hrethgir 24.07.2026 В будущем, после написания блока инверсии обхода дерева (эстафеты хвоста), я планирую вернуться к нашему прошлому разговору о том, обладают ли знания целеполаганием. Тогда я пришел к выводу, что. . .	Вот представьте что вам дали бессмертие. kumehtar 24.07.2026 Вот представьте что вам дали бессмертие, ничего более не меняя. Вообще ничего, только бессмертие в нынешнем виде. Рады были бы? Что бы вы тут делали всё это время? Никакой пенсии. Никакого нового. . .	сукцессия 41 anaschu 24.07.2026 Численная верификация бифуркации в агентной модели лесной сукцессии: от одного параметра к ансамблю Автор: пользователь @Shumilov_AS \| Раздел: Прикладная математика / Численные методы Кратко. . .
сукцессия 40. Ансамблевая кластерная параметризаци, часть 1. anaschu 24.07.2026 Пр# Сопровождение научной статьи ИИ-ассистентом: подготовка публикации и калибровка агентно-ориентированной модели сукцессии микоризных систем Полевые заметки о двухнедельной совместной работе. . .	Теория всего 12. ВГК на планете в стратегической игре "терра" anaschu 21.07.2026 ### Главные семантические изменения и дешифровка новой физики 1. `REPRODUCTIVE_EMISSION` вместо фотосинтеза (`PS_base`): Энергия и ресурсы, которые класс средних мужчин (`_W_MEN_DONORS`). . .	Публикация отклонённая на хабре. Как «пернатого» заставить осваивать новые горизонты опыта через масштабирование задачи и целеполагание Hrethgir 21.07.2026 https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11948&stc=1&d=1784657928 Привет Хабр. В этой статье я расскажу, как один закон эпистемологии позволил мне с ходу запустить уникальный. . .	Теория всего 11. Основные параметры anaschu 21.07.2026 Дешифровка тензорного ядра Soil Chemistry 2. 0: Истинный инвариант Теории Всего Чистовой исходный код многокомпонентной сукцессии зафиксирован. Модель оперирует единым вектором состояния. . .

@asics Freelance 2891 / 1826 / 356 Регистрация: 09.09.2010 Сообщений: 3,841

	Angular2 09.08.2016, 16:30. Показов 2561. Ответов 33 Метки нет (Все метки) Здравствуйте. Как подружить spring mvc и angular2 ? Технология новая и я так понимаю, что в инете примеров такой связки еще нет или просто я не нашел, что вполне вероятно. Хотелось бы пример какого-то круд приложения типа тудулиста или что-то такого. 0

@XRoy 871 / 721 / 304 Регистрация: 15.04.2013 Сообщений: 2,047 Записей в блоге: 5
	27.08.2016, 20:52
	asics, Для начала надо определить где проблема .сервис отдает данные после добавления? 1

@XRoy 871 / 721 / 304 Регистрация: 15.04.2013 Сообщений: 2,047 Записей в блоге: 5
	27.08.2016, 20:56
	asics, Посмотреть на ответ сервиса в dev tools 1

@XRoy 871 / 721 / 304 Регистрация: 15.04.2013 Сообщений: 2,047 Записей в блоге: 5
	27.08.2016, 21:14
	asics, В хроме нажимаем f12, появятся Dev tools там будет вкладка network, после этого добавляем элемент и смотрим на ответ 1

@asics Freelance 2891 / 1826 / 356 Регистрация: 09.09.2010 Сообщений: 3,841
	27.08.2016, 21:17 [ТС]
	XRoy, не знаю куда и что тут смотреть... Миниатюры 0

@asics Freelance 2891 / 1826 / 356 Регистрация: 09.09.2010 Сообщений: 3,841
	31.08.2016, 22:49 [ТС]
	OwlCat, з гет запросом вроде все норм, когда я перезагружаю страницу все работает корректно. проблема з пост, я так понимаю. 0

@asics Freelance 2891 / 1826 / 356 Регистрация: 09.09.2010 Сообщений: 3,841
	02.09.2016, 12:32 [ТС]
	OwlCat, так а почему вы думаете, что если заменить Observable на Promise то это решит проблему? 0

@asics Freelance 2891 / 1826 / 356 Регистрация: 09.09.2010 Сообщений: 3,841
	11.09.2016, 15:25 [ТС]
	Скрин запроса Миниатюры 0

@OwlCat 3 / 3 / 0 Регистрация: 20.11.2015 Сообщений: 25
	21.09.2016, 21:27
	офф топом Promises emit a single value whereas streams emit many values. - Streams fulfill the same role in your application as promises. If you’ve made the jump from callbacks to promises, you know that promises are a big improvement in readability and data maintenance vs. callbacks. In the same way, streams improve upon the promise pattern in that we can continuously respond to data changes on a stream (vs. a one-time resolve from a promise) (с) ng-book 2 : The Complete Book on AngularJS 2 0