![](/img/trans.png)
[英]Using Output() and EventEmitter() to Pass Value in Angular App
[英]Angular six set initial value for @Output EventEmitter
我有一个组成部分
<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获取我默认组件的值? 或您将如何实现?
只需在ngOnInit中发出初始值
export class YourClass {
@Output() selectedValue = new EventEmitter<object>();
ngOnInit() {
this.selectedValue.emit({{your initial value}});
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.