は、コンポーネントの入力プロパティを設定し、それは私が文字列の配列を受け取るコンポーネントを持っていますが、内部的に私がfooの配列を持っている必要があります

Question

を入力します変更：

class Foo { 
     constructor(name: string) { } 
    } 

私はこのようにそれを実行しようとしました。

@Component({ 
     selector: 'my-app-boo', 
     templateUrl: './boo.component.html' 
    }) 
    export class BooComponent implements OnInit { 

     private _columns: Foo[]; 

     @Input() 
     set columns(columns: string[]) { 
      this._columns = columns.map(column => new Foo(column)); 
     } 

     get columns(): Foo[] { 
      return this._columns; 
     } 
    } 

ゲッターとセッターが同じタイプでなければならないので、私はできません。

これをどのようにしてエレガントに行うことができますか？

Answer 1

これは私がそれをやってしまった方法です：

@Component({ 
     selector: 'my-app-boo', 
     templateUrl: './boo.component.html' 
    }) 
    export class BooComponent implements OnInit { 

     private _columns: string[]; 
     private columnOptions: Foo[]; 

     @Input('columns') 
     set columns(columns: string[]) { 
      this._columns = columns; 
      this.columnOptions = columns.map(column => new Foo(column)); 
     } 
    } 

Answer 2

これを試してみてください：

class Foo { 
      constructor(name: string) { } 
     } 


@Component({ 
     selector: 'my-app-boo', 
     templateUrl: './boo.component.html' 
    }) 
    export class BooComponent implements OnInit { 

     private _columns: Foo[]; 

     @Input() 
     set columns(columns: Foo[]) { 
      this._columns = columns.map(column => column); 
      } 
     get columns(): Foo[] { 
      return this._columns; 
     } 
    }