Updated to angular 11
Now compiling with strict mode in typescript Need to error checking now
This commit is contained in:
@ -15,13 +15,13 @@ import { ModifierListDataSource } from './modifier-list-datasource';
|
||||
styleUrls: ['./modifier-list.component.css'],
|
||||
})
|
||||
export class ModifierListComponent implements OnInit {
|
||||
@ViewChild('table', { static: true }) table: MatTable<Modifier>;
|
||||
dataSource: ModifierListDataSource;
|
||||
filter: BehaviorSubject<string>;
|
||||
@ViewChild('table', { static: true }) table?: MatTable<Modifier>;
|
||||
filter: BehaviorSubject<string> = new BehaviorSubject('');
|
||||
data: BehaviorSubject<Modifier[]> = new BehaviorSubject<Modifier[]>([]);
|
||||
dataSource: ModifierListDataSource = new ModifierListDataSource(this.filter, this.data);
|
||||
form: FormGroup;
|
||||
list: Modifier[];
|
||||
data: BehaviorSubject<Modifier[]>;
|
||||
modifierCategories: ModifierCategory[];
|
||||
list: Modifier[] = [];
|
||||
modifierCategories: ModifierCategory[] = [];
|
||||
/** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
|
||||
displayedColumns: string[] = ['name', 'showInBill', 'price', 'isActive', 'modifierCategory'];
|
||||
|
||||
@ -29,8 +29,6 @@ export class ModifierListComponent implements OnInit {
|
||||
this.form = this.fb.group({
|
||||
modifierCategory: '',
|
||||
});
|
||||
this.filter = new BehaviorSubject('');
|
||||
this.data = new BehaviorSubject([]);
|
||||
this.data.subscribe((data: Modifier[]) => {
|
||||
this.list = data;
|
||||
});
|
||||
@ -41,12 +39,11 @@ export class ModifierListComponent implements OnInit {
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
this.route.data.subscribe(
|
||||
(data: { list: Modifier[]; modifierCategories: ModifierCategory[] }) => {
|
||||
this.data.next(data.list);
|
||||
this.modifierCategories = data.modifierCategories;
|
||||
},
|
||||
);
|
||||
this.route.data.subscribe((value) => {
|
||||
const data = value as { list: Modifier[]; modifierCategories: ModifierCategory[] };
|
||||
this.data.next(data.list);
|
||||
this.modifierCategories = data.modifierCategories;
|
||||
});
|
||||
this.dataSource = new ModifierListDataSource(this.filter, this.data);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user