Qual o melhor caminho para adicionar uma informação no value do <ion-option> sendo que eu recebo um object de forma dinâmica.

O código atual está da seguinte forma (Notem o **_options[i] | json**):

    <ion-item *ngIf="_type.indexOf('select') > -1 || _type.indexOf('checkbox') > -1 || _type.indexOf('radiobutton') > -1">
        <ion-label floating>{{_title}}</ion-label>
        <ion-select title={{_type}} [multiple]="_type === 'select' ? false : null || _type === 'checkbox' ? true : null || _type === 'radiobutton' ? false : null"
            [(ngModel)]="answer" (ionChange)="inputPopulate($event, _id, answer)">
            <ion-option value="{{_options[i] | json}}" *ngFor="let option of _options; let i = index">{{_options[i].answer}}</ion-option>
        </ion-select>
    </ion-item>


O _options é algo do tipo:
[![Opções do multselect ][2]][2]

Codigo da tela responsavel por acrescentar a opção selecionada ao this._obj

    <ion-slide *ngFor="let item of slide.sections">
                <h2 class="slide-title" [innerHTML]="item.name"></h2>
                <div class="board-item">
                  <p [innerHTML]="item.description" class="slide-description"></p>
                  <ion-list class="form-body">
                    <form #form="ngForm" class="form">
                      <div *ngFor="let question of item.questions; let x = index">
                        {{ question.answers }}
                        <custom-input (value)="listenerAnswer($event, question._id, 0)" [id]="question._id" type="{{ question.type | lowercase }}"
                          [options]=question.answers title="{{ question.question }}"></custom-input>
                      </div>
                    </form>
                  </ion-list>
                </div>


Ao selecionar uma ou varias opções do select e pressionar OK, o seguinte metodo é executado:

    listenerAnswer(value, questionId, conditional?: boolean) {
            try {
              const data = JSON.parse(value.data);
              this.obj[value.id] = data.answer ? data.answer : data;
            } catch (e) {
              const data = value.data;
              this.obj[value.id] = data;
            }
            this.answers = {
              personId: this.personId,
              answers: this.obj,
              decision: this.decision,
            };
          }


Veja oque acontece ao enviar a requisição:
Informações como: \n e \ são adicionadas a string e isso está me atrapalhando bastante
[![Payload][3]][3]

    


No mongoDB as informações estão sendo salvas com os \n e \:

[![Mongodb][4]][4]


Podem me ajudar a encontrar um caminho mais adequado para tratar desse impasse?


Informações extra:

No momento da escolha do select:

    inputPopulate(data, id, target) {
        const value = data.toString();
        this.value.emit({
          id,
          data: value,
          target,
        });
      }

[![Console log do inputPopulaate][6]][6]

Método que realiza o post.
    sendAnswers(data): Observable<any> {
    
        let headers = new HttpHeaders().set('Content-Type', 'application/json');
    
        return this.http.post(`/answer`, data, headers );
      }


  [1]: https://i.sstatic.net/kBFqs.png
  [2]: https://i.sstatic.net/Q9gAC.png
  [3]: https://i.sstatic.net/STOKd.png
  [4]: https://i.sstatic.net/TR7Px.png
  [5]: https://i.sstatic.net/4MTEo.png
  [6]: https://i.sstatic.net/yI9J8.png