Javascript 将值绑定到angular4中另一个组件中的变量

我使用angular 4作为前端。我有一个弹出窗口，我想将一个值传递给该弹出窗口的另一个组件。我试过这个方法，但不起作用

这是我的弹出组件.ts

GetApplicationDetails(cmp){

    this.SelectedCompanyCode = cmp.OBD_COMP_CODE;
    this.AddNewcomp.SelectCompanyFromPopUp(this.SelectedCompanyCode); 
    this.close(); 

}

public SelectCompanyFromPopUp(comp){
 this.CompanyName=comp;
}

这是我的目标组件

GetApplicationDetails(cmp){

    this.SelectedCompanyCode = cmp.OBD_COMP_CODE;
    this.AddNewcomp.SelectCompanyFromPopUp(this.SelectedCompanyCode); 
    this.close(); 

}

public SelectCompanyFromPopUp(comp){
 this.CompanyName=comp;
}

这是我的目标组件html页面

  <div class="form-group FormComponents">
                    <label for="CompanyName">Company Name</label>
                    <input type="text" class="form-control" id="CompanyName" placeholder="Company Name" name="CompanyName" [(ngModel)]="CompanyName"
                        disabled>
                </div>

公司名称

该方法工作正常，但该值未显示在文本框中。

---

请帮助我

您能分享stackblitz或plunkr的演示吗？您可能应该在这两个组件之间使用一个公共服务来检索/设置值。