сериализация jquery плохо работает с вкладками angular material

#jquery #angular #serialization #tabs #angular-material

#jquery #angular #сериализация #вкладки #angular-material

Вопрос:

Я использую вкладки angular material внутри тега form, и это мой пример кода: Итак, проблема заключается в том, что когда я пытаюсь сериализовать форму с помощью jquery в моей функции отправки, вот так:

 submit(f: HTMLElement){
   let serializedForm = $(f).serialize()
   this.serialisedData = serializedForm
}
  

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

Почему это работает не так, как ожидалось?

Ответ №1:

попробуйте это на ts:

 submit(){

   this.serialisedData =  this.form.value
}
  

в html:

  {{serialisedData | json}}
  

Комментарии:

1. Когда я пробовал этот способ, результат вывода для «this.form.value» не сериализован, но данные json, подобные этому { «code»: null, «target»: null, «StartDate»: null, «EndDate»: null } . Я хочу, чтобы выходная строка имела следующий формат code =amp;target =amp;start =amp;end =

2. JSON.stringify(this.form.value)