Question

我从第三方控件派生，在角度2中创建我自己的自定义组件，如下所示：

     @Component({
        selector:"my-kendo-grid"
         inputs: [gridType2]
        })

      export class myClass implements OnInit{
         @Input gridType:string;
          gridType2 : string;

         ngOnInit(){
         console.log(this.gridType);
         console.log(this.gridType2);

      }

而且我在另一个组件（在父组件中）中实例化此组件，如下所示：

<my-kendo-grid [gridType]="'test'" [gridType2]="test2"></my-kendo-grid>

现在我想从父组件传递字符串值“test”，而不是从.ts文件传递html文件本身。所以我可以在我的子组件的构造函数或ngOnInit中使用它。

但是当我这样做的时候，我在两种情况下都在子组件的控制台中未定义。

Answer 1

您不应该使用属性绑定[gridType]，因为您希望将直接字符串值传递给组件。在这种情况下，直接使用属性并在该属性中具有值。它将直接传递给组件binding。

<my-kendo-grid gridType="test" gridType2="test2"></my-kendo-grid>

在角度为2的情况下实例化组件时，将值从HTML传递给typescript

1 个答案: