У меня возникли проблемы с созданием формы Angular 2 и преобразованием представленных данных в формат JSON для использования в моем API. Я ищу что-то, что работает очень похоже на этот пример: $.fn.serializeObject = function()
http://jsfiddle.net/sxGtM/3/
Единственная проблема с этим примером заключается в том, что код написан в JQuery, тогда как я пытаюсь использовать строго угловой 2. Любая помощь будет принята с благодарностью , Я все еще очень новичок в угловой.Угловая 2 Сериализация формы в формате JSON
3
A
ответ
1
Вы ищете JSON.stringify(object)
, который предоставит вам JSON-представление вашего объекта javascript.
После этого вы можете использовать POST с помощью встроенного HTTP-сервиса на свой сервер.
8
Если вы используете FormGroup
, вы можете использовать функцию getRawValue()
для возврата объекта, который затем может быть сериализован с использованием JSON.stringify()
.
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder } from '@angular/forms'
import { Http } from '@angular/http';
@Component({
selector: 'my-component',
templateUrl: 'my-component.component.html'
})
export class MyComponent implements OnInit {
form: FormGroup;
constructor(private fbuilder: FormBuilder,
private http: Http) { }
ngOnInit(){
this.form = this.fbuilder.group({
name: '',
description: ''
});
}
sendToAPI(){
let formObj = this.form.getRawValue(); // {name: '', description: ''}
let serializedForm = JSON.stringify(formObj);
this.http.post("www.domain.com/api", serializedForm)
.subscribe(
data => console.log("success!", data),
error => console.error("couldn't post because", error)
);
}
}
0
Смежные вопросы
- 1. Угловая версия 2 формы?
- 2. Сериализация даты Java в формате .Net Json
- 3. форма Сериализация данных в определенном формате JSON
- 4. Угловая раскол в формате JSON файла JavaScript
- 5. Трубы угловая 2 JSON
- 6. Сериализация формы Javascript для JSON
- 7. Угловая 2 + ngrx (redux) + формы
- 8. Угловая контроль 2 формы неопределенной
- 9. Угловая проверка формы 2 шаблона формы
- 10. Угловая 2 формы строителя вложенная JSON не может повторять объект
- 11. Угловая ошибка 2 Http | JSON
- 12. Сериализация JSON от формы к объекту
- 13. Сериализация "список строк" в формате JSON в C#
- 14. сериализация json в python
- 15. Как отправить данные формы в формате JSON
- 16. Как отправить данные формы в формате JSON
- 17. Получить данные формы в условном формате JSON
- 18. Как сериализация объекта модели в формате JSON строки - Swift 3
- 19. Сериализация только некоторые свойства родителей и детей в формате JSON
- 20. Сериализация обнуляет и пустые строки в динамическом формате JSON
- 21. Угловая 2 кнопка формы отключения от ts?
- 22. Угловая проверка формы 2 на скрытые поля
- 23. Угловая форма формы Загрузка данных из JSON
- 24. кендо угловая погрешность 2 установки - Неожиданный маркер T в формате JSON в позиции 0
- 25. J2ME: JSON Сериализация/де-сериализация
- 26. Использование Угловая перебирать в формате JSON и получить результат
- 27. Угловая 2 - Динамическая маршрутизация данных JSON
- 28. Сериализация запроса lucene в JSON?
- 29. Сериализация массива объектов в JSON
- 30. Сериализация данных в JSON
если вы используете угловой, то почему нет ngmodel в вашем входе? –
Потому что это был пример, который я нашел, а не мой код. Я хочу реализовать что-то похожее на этот пример, используя угловые 2 –