将对象作为属性传递给指令 Angular

Question

我正在尝试将数据传递给组件，似乎我只能传递字符串，有没有办法让angular将数据输入识别为对象数组

组件html：

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

组件 ts :

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

你必须使用 one-way data-binding [data]:

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

将对象作为属性传递给指令 Angular

Pass an object into a directive as an attribute Angular

typescript

angular

angular7