我们将创建一个简单的来显示一个电影的信息。 这个应用程序将只包含两个组件:MovieComponent
显示有关电影的信息和MainComponent
,它使用按钮来保存对电影的引用以执行一些动作。
我们的AppComponent
组件将有三个属性:应用程序的slogan
,电影的title
(标题)和(主角)。 最后两个属性将被传递到模板中引用的MovieComponent
元素。
在上面的代码片段中,我们可以看到我们的组件定义了两个触发不同方法的按钮。 changeActorProperties
将通过直接更改actor
对象的属性来更新电影的主角。 相反,方法changeActorObject
将通过创建一个完全新的Actor
类实例来改变的信息。
Actor模型非常简单,它只是一个定义了actor
的firstName
和lastName
的类。
最后,MovieComponent
显示了MainComponent
在其模板中提供的信息。
app/movie.component.ts