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获取我默认组件的值?或您将如何实现?
只需在ngOnInit中发出初始值
export class YourClass {
@Output() selectedValue = new EventEmitter<object>();
ngOnInit() {
this.selectedValue.emit({{your initial value}});
}
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
752 次 |
| 最近记录: |