Передать объект в директиву как атрибут Angular

Question

Я пытаюсь передать данные компоненту, кажется, я могу передать только строки, есть ли способ, чтобы angular распознал ввод данных как массив объектов

компонент html:

<app-mycomponent
      url="https://url.com/getall" 
      data ="[{ name: 'a', required: ture},
              { name: 'b', required: false}]"
      ></app-mycomponent>

компонент тс:

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-mycomponent',
    templateUrl: './component.component.html',
})
export class HelloComponent {
  @Input() url: string;
  @Input() data : any;
}

Answer 1

Вы должны использовать одностороннюю привязку данных [data]:

<app-mycomponent
      url="https://url.com/getall" 
      [data] ="[{ name: 'a', required: true},
              { name: 'b', required: false}]">
</app-mycomponent>