Angular 2将字符串参数传递给组件

Question

我的目标是将字符串参数传递给组件。示例:我有一个包含并显示标题和副标题的组件。我想在设置选择器时传递该字符串。像这样的东西:

@Component({
    selector: 'title-subtitle',
})

在 html 中:

<title-subtitle title="My title" subtitle="My subtitle"></title-subtitle>

Answer 1

要使用@input 将字符串从父组件传递到子组件，有两种方法。

如果要传递字符串，

<child-component childInput="child input"> </child-component>

如果要将变量从父组件传递给子组件，

<child-component [childInput]="parentInput"> </child-component>