Question

我关注GünterZöchbauer关于how to create dynamic components的建议我想知道如何将值传递给它 - 就像在子组件中有一个@input。

使用上面问题中给出的plunker示例 - plunker - 如何将子组件传递给一个字符串，让它调用它，然后单击“添加”按钮时显示该信息。

以下是子组件外观的示例：

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

    @Component({
      selector: 'hello',
      providers: [],
      template: `<h1>{{message}}</h1>`,
      directives: []
    })
    export class HelloComponent implements OnChanges {
      @Input() message:any;

      constructor() {
      }

      ngOnChanges(changes:any){
      }
    }

Answer 1

你可以在下面试试，

var values = e.range.getValues()[0];

以下是Plunker!!

希望这会有所帮助!!

Angular2 - 将值传递给使用ComponentFactory创建的动态组件

1 个答案: