blob: a657a000aaa45782cf490d4170c3ab052a2d6afe (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'rdp-select-editor',
styleUrls: ['./rdp-select-editor.component.scss'],
template: `
<mat-select [(value)]="selected"
(selectionChange)="detectChange(columnValue)">
<mat-option *ngFor="let item of data" [value]="item.name">
{{item.name}}
</mat-option>
</mat-select>
`
})
export class RdpSelectEditorComponent implements OnInit {
@Input() rowdata: any;
@Input() columntitle: any;
@Input() data: any[];
@Output() changedColumnValue = new EventEmitter<any>();
selected: any;
columnValue: any;
constructor() { }
ngOnInit() {
if (this.rowdata != null || this.rowdata != undefined) {
let rowObj = JSON.parse(this.rowdata);
let column = this.columntitle;
this.columnValue = rowObj[column];
} else {
this.columnValue = null;
}
this.selected = this.columnValue;
console.log(" this.selected :::", this.selected);
}
detectChange(changedValue) {
this.changedColumnValue.emit(changedValue);
}
}
|