更改子组件角度2+中的变量

Question

当我在父组件中单击一个按钮时，我试图将一个类添加到子组件中的元素。

为此，我在父组件中有一个按钮来更改变量 -

<button type="button" (click)="showModal=true">clicky</button>

在孩子身上有一个带指令的模态？在变量为true时添加类。

<div class="modal" [ngClass]="{'show': showModal}" 
     id="exampleModal" tabindex="-1" role="dialog">

如果我将模态的html移动到父组件，一切正常。 将变量传递给子组件的最简单方法是什么？

Answer 1

要将数据传递到子组件，您可以在子组件中使用@Input装饰器。这将允许父组件使用绑定将数据传递到子组件。这可以在父组件的模板中。

<child-cmp [myParam]='data'></child-cmp>

和儿童组件

@Component({
   selector: 'child-cmp',
   ...
})
export class ChildCmp {
   @Input() myParam: any
}