2

Есть класс с полями, некоторые из которых необязательны:

 export class MyObjectType{
        field1?: number;
        field2?: string;
    ...
    }

Необходимо организовать вывод в форму шаблона значений полей объекта класса и изменение соответствующего поля класса при изменении значения в форме. В шаблоне пока использую [(ngModel)].

Проблема: в данном случае поля могут быть не определены, т.е. быть undefined, в связи с чем вылезает ошибка при попытке получить начальное значение для формы. Если же указать явно

field1: number = null;

тогда поля класса становятся заполненными по умолчанию null, и исчезает возможность отсутствия какого-либо поля.

Я пока вижу два направления - либо решить проблему средствами TypeScript (задать значение по умолчанию для необязательных полей класса?), либо непосредственно в шаблоне (задать значение по умолчанию для полей формы?)

6
  • А почему они у вас undefined, а не null? 13 июл 2018 в 14:53
  • @Василиса потому что значения не пустые, а не определены в принципе. Сейчас добавлю пример в вопрос.
    – Emm
    13 июл 2018 в 15:49
  • потому undefined потому что нету значения у свойств, логично как бы
    – jashka
    15 июл 2018 в 16:36
  • А в чем проблема?
    – Alex Po
    15 июл 2018 в 17:29
  • 2
    @Emm, вы не могли бы сделать пример на стэкблитзе? Я набросал такой пример stackblitz.com/edit/angular-ennzfe и у меня все работает.
    – Alex Po
    15 июл 2018 в 20:30

2 ответа 2

1

А в чем так сказать проблема? используем в шаблоне оператор ?

template: `<h1>{{ data?.field1 }} - {{ data?.field2 }}</h1>`
0
+50

Ваш класс

export class MyObjectType{
...
    constructor(public field1: number = null,
                public field2: string = null) {}
}

Ваш компонент

import { Component } from '@angular/core';
@Component({
  selector: `my-component`
  template: `<h1>{{ data.field1 }} - {{ data.field2 }}</h1>`
})
export class MyComponent {
  public data: MyObjectType = new MyObjectType();
}

и да, Angular тут не причем, проблема кроется в не знании языка программирования

3
  • Собственно, в этом и вопрос заключался - неужели никак без явного указания значения null по умолчанию не обойтись? P.S. "незнании"
    – Emm
    15 июл 2018 в 18:03
  • и да, в Вашем примере будут заполнены все поля объекта null, но тогда убирается необязательность наличия ("?") поля.
    – Emm
    15 июл 2018 в 18:06
  • @Emm у вас другого выхода нету, это элементарный JS, я так понимаю вы пришли с другого языка. Поле все равно в рантайме будет, просто не будет инициализировано
    – jashka
    16 июл 2018 в 4:53

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.