Angular 6 ES6 инициирует объектные массивы - PullRequest
Новая
       6

Angular 6 ES6 инициирует объектные массивы

0 голосов
/ 29 ноября 2018

Я действительно новичок в javascript.

У меня есть вложенная структура классов, где мне нужно инициировать использование объекта json.Мой вопрос заключается в том, как я могу инициировать массив объектов EventDate и присваивать this.dates в конструкторе CustomerEvents 

   export default class CustomerEvent {
        constructor(customer_event: any) {
            this.event_title = customer_event.event_title;
            this.customer = customer_event.customer;
            this.total_budget = customer_event.total_budget;
            this.no_of_people = customer_event.no_of_people;
            this.dates = /**array of new EventDate(customer_event.dates) **/;
        }
        event_title: string;
        customer: Customer;
        total_budget: number;
        no_of_people: number;
        dates: EventDate[];

    }

    class EventDate {
        constructor(date: any) {
            this.start_date = date.start_date;
            this.end_date = date.end_date;
        }
        start_date: Date;
        end_date: Date;
    }

Если кто-то может помочь мне в этом, это будет действительно полезно.Спасибо

Ответы [ 3 ]

0 голосов
/ 29 ноября 2018

Angular Style Guide рекомендует с использованием interface s для модели данных вместо class es:

Рассмотреть возможность использования интерфейса для моделей данных.

При этом вы можете изменить свой код следующим образом: 

export interface EventDate {
  start_date: Date;
  end_date: Date;
}

export interface CustomerEvent {
  event_title: string;
  customer: Customer;
  total_budget: number;
  no_of_people: number;
  dates: EventDate[];
}

Теперь, когда дело доходит до инициализации, вы можете сделать это примерно так: 

const customerEvent: CustomerEvent = {
  event_title: 'Some Title',
  customer: { /*An Object representing a Customer Type*/ }
  total_budget: 123,
  no_of_people: 456,
  dates: [{
    start_date: new Date(),
    end_date: new Date()
  }]
};
0 голосов
/ 29 ноября 2018

Создайте эти экземпляры самостоятельно: 

constructor(customer_event: any) {
    this.event_title = customer_event.event_title;
    this.customer = customer_event.customer;
    this.total_budget = customer_event.total_budget;
    this.no_of_people = customer_event.no_of_people;
    this.dates = customer_event.dates.map(date => new EventDate(date));
}
0 голосов
/ 29 ноября 2018

Просто назначьте новый пустой массив, например: 

constructor(customer_event: any) {
  this.event_title = customer_event.event_title;
  this.customer = customer_event.customer;
  this.total_budget = customer_event.total_budget;
  this.no_of_people = customer_event.no_of_people;
  this.dates = [];
}

Если вам нужно привести входной массив, вы можете сделать это: 

...
this.dates = customer_event.dates.map(date => new EventDate(date));
...
...