如何在满足某些条件的情况下以角度访问数据从一个组件到另一个组件

Question

我有两个组件（成员组件和配置文件组件）。 我的要求是隐藏成员组件中的前进按钮，即

member.component.html

<div *ngIf="(post.PostPositionClass === 'message left') && enableForward" class="text-right cursor-pointer">
                                    <i class="fa fa-forward"></i>
                                    Forward
                                </div>

但我必须按照条件从另一个组件（配置文件组件）中隐藏前进按钮

profile.component.html

<div class="form-group">
      <label class="control-label account-label">Coaching Eligibility</label>
      <p *ngIf="!memberData.MemberProfile.IsPastProgramEndDate && 
     (this.settingData.IsCoachingEnabled || (this.settingData.CoachingModel === CoachingModelConstant.ConditionalCoaching))">
  <i class="fa fa-check green-color" aria-hidden="true"></i> Group is eligible</p>
   <p *ngIf="memberData.MemberProfile.IsPastProgramEndDate || !(this.settingData.IsCoachingEnabled || (this.settingData.CoachingModel === CoachingModelConstant.ConditionalCoaching))" >
  <i class="fa fa-times red-color" aria-hidden="true"></i> Group is not eligible</p>
  
 <div *ngIf="!memberData.MemberProfile.IsPastProgramEndDate && 
  (this.settingData.IsCoachingEnabled || (this.settingData.CoachingModel === CoachingModelConstant.ConditionalCoaching))">
  <p *ngIf="this.settingData.IsDoNotCoachEnabled" >
   <i class="fa fa-times red-color" aria-hidden="true"></i> Member not eligible
    </p>
 <p *ngIf="(!this.settingData.IsDoNotCoachEnabled)" class="green-color">
  <i class="fa fa-check green-color" aria-hidden="true"></i> Member is eligible
                              </p>
                            </div>
                          </div>

现在我必须隐藏 前进 按钮，同时满足组不符合条件和成员不符合条件的两个条件（对于这两个条件，我必须隐藏前进按钮，即在配置文件组件中）。

谁能帮我解决这个问题

Answer 1

您可以创建一个在两个组件中注入的状态服务，并在其中从配置文件组件设置您的状态并读取它以有条件地在成员组件中显示您的内容。