输入属性的简单示例

父元素 html

<child-component [isSelected]="inputPropValue"></child-component>

父元素 ts

export class AppComponent {
     inputPropValue: true
}

子组件 ts：

export class ChildComponent {
    @Input() inputPropValue = false;
}

子组件 html：

<div [class.simpleCssClass]="inputPropValue"></div>

此代码将 inputPropValue 从父组件发送到子组件，它将具有我们在父组件到达时设置的值 - 在我们的示例中为 false。然后我们可以在子组件中使用该值，例如向类添加一个类。