我如何控制 parent Html 从 @Output 值到我的父母

Question

这里我有两个组件 HrComponent 和 appcomponent 我如何从我的 HrComponent

控制 IsBoolean

HrComponent

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

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

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

应用组件

 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;
}

我如何控制 parent Html 从 @Output 值到我的父母

How can i controll parent Html from @Output value to my parrent

typescript

angular2-forms

angular-cli

angular