Как мне использовать объекты в поле ввода ионов

#ionic-framework

#ionic-framework

Вопрос:

У меня есть поле ввода ионов, которое должно использовать объекты или нули из серверной службы и возвращать объекты или нули. Я могу это сделать, но в поле ввода будет отображаться [object Object], как и ожидалось.

объект

 {ContactRelationID: 345678, Name: Thomas} 
  

ion-input показывает [object Объект]

 <ion-input name=“test”  [(ngModel)]="ContractorInput" readonly></ion-input> 
  

ion-input показывает Thomas с object, но завершается ошибкой с null

 <ion-input name=“test”  [(ngModel)]="ContractorInput.Name" readonly></ion-input>
  

Есть ли способ подавить ошибку null при попытке привязки к [(ngModel)]=»ContractorInput.Name » или просмотр просто view Thomas во входных данных, а не [object Object]

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

1. Какой формат вы ожидаете увидеть в ion-input? Кроме того, поскольку он доступен только для чтения , может ли это помочь отобразить результат просто в виде текста вместо ввода? Желая узнать немного больше о вашей цели, прежде чем пытаться найти решение. 😉

2. В принципе, я могу скрыть ввод, если требуется, поскольку пользователю не нужно видеть объект. Но я бы хотел, чтобы пользователь видел имя Thomas. В настоящее время я пытаюсь выбирать ионы, но я думаю, что это не оптимальное решение

Ответ №1:

На самом деле нет необходимости в двусторонней привязке к входным данным, которые доступны только для чтения. Забудьте [(ngModel)] и просто назначьте значение напрямую. Используйте ?. необязательный оператор цепочки, чтобы, если значение равно null, это был просто пустой ввод.

 <ion-input name="test" value="{{ContractorInput?.Name}}" readonly></ion-input>
  

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

1. Добавлен ?. необязательный оператор цепочки. Теперь все должно быть в порядке. См. Редактирование выше.