मैं चुने हुए भाषाओं के उपयोगकर्ताओं की सामग्री को सूचीबद्ध करने के लिए एक चटाई-तालिका का उपयोग कर रहा हूं । वे संवाद पैनल का उपयोग करके नई भाषाएँ भी जोड़ सकते हैं। बाद में उन्होंने एक भाषा जोड़ी और वापस लौट आए। मैं चाहता हूं कि मेरे डेटासोर्स ने उन परिवर्तनों को दिखाने के लिए ताज़ा किया।
मैं डेटास्टोर को एक सेवा से उपयोगकर्ता डेटा प्राप्त करके और ताज़ा विधि में एक डेटा स्रोत में पास करके आरंभ करता हूं।
Language.component.ts
import { Component, OnInit } from '@angular/core';
import { LanguageModel, LANGUAGE_DATA } from '../../../../models/language.model';
import { LanguageAddComponent } from './language-add/language-add.component';
import { AuthService } from '../../../../services/auth.service';
import { LanguageDataSource } from './language-data-source';
import { LevelbarComponent } from '../../../../directives/levelbar/levelbar.component';
import { DataSource } from '@angular/cdk/collections';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of';
import { MatSnackBar, MatDialog } from '@angular/material';
@Component({
selector: 'app-language',
templateUrl: './language.component.html',
styleUrls: ['./language.component.scss']
})
export class LanguageComponent implements OnInit {
displayedColumns = ['name', 'native', 'code', 'level'];
teachDS: any;
user: any;
constructor(private authService: AuthService, private dialog: MatDialog) { }
ngOnInit() {
this.refresh();
}
add() {
this.dialog.open(LanguageAddComponent, {
data: { user: this.user },
}).afterClosed().subscribe(result => {
this.refresh();
});
}
refresh() {
this.authService.getAuthenticatedUser().subscribe((res) => {
this.user = res;
this.teachDS = new LanguageDataSource(this.user.profile.languages.teach);
});
}
}भाषा-डेटा-source.ts
import {MatPaginator, MatSort} from '@angular/material';
import {DataSource} from '@angular/cdk/collections';
import {Observable} from 'rxjs/Observable';
import 'rxjs/add/observable/merge';
import 'rxjs/add/operator/map';
export class LanguageDataSource extends DataSource<any> {
constructor(private languages) {
super();
}
connect(): Observable<any> {
return Observable.of(this.languages);
}
disconnect() {
// No-op
}
}इसलिए मैंने एक रीफ्रेश विधि को कॉल करने का प्रयास किया है, जहां मुझे उपयोगकर्ता को बैकएंड से फिर से मिलता है और फिर मैं डेटा स्रोत को फिर से संगठित करता हूं। हालांकि यह काम नहीं करता है, कोई भी बदलाव नहीं हो रहा है।
1
आप "डेटा स्रोत से" परिवर्तन ट्रिगर करना चाहते हैं, तो कृपया एक पर नजर है stackoverflow.com/questions/47897694/...
—
Yennefer
इस मामले में इवेंट इमेटर्स का उपयोग किया जा सकता है। stackoverflow.com/a/44858648/8300620
—
रोहित पार्ट