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

Question

我在前端使用 angular 4。我有一个弹出窗口，我想将一个值传递给与该弹出窗口不同的组件。我尝试了这种方法，但它不起作用。

这是我的弹出组件.ts

GetApplicationDetails(cmp){

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

}

这是我的目标组件.ts

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>

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

标签： javascriptangular