变化检测 - 变化检测如何工作

优质
小牛编辑
129浏览
2023-12-01

我们将创建一个简单的来显示一个电影的信息。 这个应用程序将只包含两个组件:MovieComponent显示有关电影的信息和MainComponent,它使用按钮来保存对电影的引用以执行一些动作。

我们的AppComponent组件将有三个属性:应用程序的slogan,电影的title(标题)和(主角)。 最后两个属性将被传递到模板中引用的MovieComponent元素。

在上面的代码片段中,我们可以看到我们的组件定义了两个触发不同方法的按钮。 changeActorProperties将通过直接更改actor对象的属性来更新电影的主角。 相反,方法changeActorObject将通过创建一个完全新的Actor类实例来改变的信息。

Actor模型非常简单,它只是一个定义了actorfirstNamelastName的类。

最后,MovieComponent显示了MainComponent在其模板中提供的信息。

app/movie.component.ts