Angular2 - 更改另一个组件中的组件值

时间:2017-02-28 18:25:26

标签: angular typescript

这是我的主要成分

export class MonitorCreateComponent {
name: string;
availableTypes = ["Flow","Server","Process","Website"]; 
selectedType = "Flow";
 }

availableTypes用于下拉列表,selecteType是第一个。我在其中一个观点中展示了这些并且工作正常。现在,我正在另一个组件中访问此组件。我想删除/隐藏Flow并希望将selectedType更改为server。我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

如果您希望将selectedType转移到服务器,正确的方法是创建一个处理与服务器通信的服务。通过依赖注入访问它。

此服务可以注入两个组件,通信可以通过该服务。这样您就可以在不将其发送到服务器的情况下进行通信。

如果您想将其发送到服务器,您可以通过一项服务发送并从其他服务获取。

组件之间的访问有一个关于此的优秀博客: http://mean.expert/2016/05/21/angular-2-component-communication/