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

Question

我是棱角分明的新人。当我调用动态模态时，我尝试将代码上传到stackblitz以寻求帮助。我正在做一个函数，我希望在任何组件中调用生成动态弹出窗口，我可以动态更改弹出窗口的页眉，正文和页脚。当我从home组件调用它时，弹出窗口不刷新我给它的值。我怎样才能解决这个问题？ 。我该如何解决？

这是我的代码：

https://stackblitz.com/edit/angular-qothyw

Answer 1

您正在为每个组件提供服务。这样做会为每个组件创建一个独立实例，该实例仅存在于该组件的范围内。删除组件中的$("input[id='Date Input 1']").@readonly ，然后在模块中提供服务。这应该可以解决你的问题。

这是一个有效的stackblitz

Answer 2

您可以将输入参数传递给模态组件，它的工作方式类似于html标记属性。

https://angular.io/guide/template-syntax#declaring-input-and-output-properties

因此，如果在你的模态组件类中添加了这个属性：

@Input() myValue = defaultValue;

然后您可以这样调用您的模态组件：

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