我怎样才能控制好母HTML代码@Output值我parrent

Question

在这里，我有两个组成部分HrComponent而appcomponent我怎样才能控制好IsBoolean从我HrComponent

HrComponent

@Input()LoginName: string; 
    IsBoolean: boolean = false; 

@Output()BooleanExp: EventEmitter<boolean> = new EventEmitter<boolean>(); 

    onSelectChange() { 
     this.BooleanExp.emit(this.IsBoolean); 
    } 

appcomponent

Name: string = "Hello" 
<div> 

     <HrSelector [LoginName]="Name"> 
      <span>{{LoginName}}</span> 
      <div *ngIf="IsBoolean"> 
       <p>This is Special Div</p> 
      </div> 
     </HrSelector> 
    </div> 

Answer 1

您需要执行以下操作：

<HrSelector [LoginName]="Name" (BooleanExp)="onChange($event)"> 
     <span>{{LoginName}}</span> 
     <div *ngIf="IsBoolean"> 
      <p>This is Special Div</p> 
     </div> 
</HrSelector> 

在你的TS，定义onChange方法：

onChange(event) { 
    this.IsBoolean = event; 
}