Angular 在我的模板中,不会重新加载值

Angular 在我的模板中,不会重新加载值,angular,Angular,我是新来的。当我调用动态模式时,我试图将代码上传到Stackblitz以寻求帮助。我正在做一个函数,我希望在任何组件中调用它来生成一个动态弹出窗口,在其中我可以动态更改弹出窗口的页眉、正文和页脚 当我从主组件调用它时,弹出窗口不会刷新我给它的值。我怎样才能解决这个问题 这是我的代码: 您可以将输入参数传递给模态组件,它的工作原理与html标记属性类似 因此,如果在模态组件类中添加此属性: @Input() myValue = defaultValue; 然后可以通过以下方式调用模态组件: &

我是新来的。当我调用动态模式时,我试图将代码上传到Stackblitz以寻求帮助。我正在做一个函数,我希望在任何组件中调用它来生成一个动态弹出窗口,在其中我可以动态更改弹出窗口的页眉、正文和页脚

当我从主组件调用它时,弹出窗口不会刷新我给它的值。我怎样才能解决这个问题

这是我的代码:


您可以将输入参数传递给模态组件,它的工作原理与html标记属性类似

因此,如果在模态组件类中添加此属性:

@Input() myValue = defaultValue;
然后可以通过以下方式调用模态组件:

<my-modal-component myValue="theValueINeed"></my-modal-component>

您正在为每个组件提供服务。这样做会为每个组件创建一个独立的实例,该实例只存在于该组件的范围内。删除组件中的
提供程序:[AppService]
,只在模块中提供服务。那应该能解决你的问题


这里有一个工作

如果您更改组件输入,那么它将强制重新绘制组件。