Angular @Output EventEmitter 的六个设置初始值

Question

我有一个组件

     <p style="padding: 5px">

      <select [(ngModel)]='thisDD' name="nameDD" id="idDD" (ngModelChange)="updateDD(thisDD)" class="form-control">
        <option *ngFor="let thing of thingies" [value]="thing.thingID">{{thing.ThingName}} ({{thing.ThingCode}})</option>
      </select>  

     </p>

其中有一个@OutPut

 @Output() selectedValue = new EventEmitter<object>();

我在我的应用程序中使用它

<my-dropdown (selectedValue)="setValue($event)"></my-dropdown>

调用组件中的代码到"setValue"

setValue(event){
this.currValue=event;
}

当下拉列表的值发生变化时，这一切都很好，但我有其他组件依赖于设置的值加载应用程序时。

有没有办法通过@Output 获取组件默认值？或者你会如何做到这一点？

Answer 1

只需在 ngOnInit 中发出初始值

export class YourClass {

    @Output() selectedValue = new EventEmitter<object>();

    ngOnInit() {
        this.selectedValue.emit({{your initial value}});
    }
}

Angular @Output EventEmitter 的六个设置初始值

Angular six set initial value for @Output EventEmitter

angular

typescript

angular-library