@Output EventEmitter的角度六设置初始值

Fun*_*bby 3 typescript angular angular-library

我有一个组成部分

     <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>
Run Code Online (Sandbox Code Playgroud)

里面有一个@OutPut

 @Output() selectedValue = new EventEmitter<object>();
Run Code Online (Sandbox Code Playgroud)

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

<my-dropdown (selectedValue)="setValue($event)"></my-dropdown> 
Run Code Online (Sandbox Code Playgroud)

哪个将组件中的代码调用为“ setValue”

setValue(event){
this.currValue=event;
}
Run Code Online (Sandbox Code Playgroud)

当下拉列表的值更改时,这一切都很好,但是我有其他组件依赖于在加载应用程序时设置的值。

有没有办法通过@Output获取我默认组件的值?或您将如何实现?

Jos*_*ema 6

只需在ngOnInit中发出初始值

export class YourClass {

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

    ngOnInit() {
        this.selectedValue.emit({{your initial value}});
    }
}
Run Code Online (Sandbox Code Playgroud)