আমি ব্যবহারকারীদের বেছে নেওয়া ভাষার বিষয়বস্তু তালিকাবদ্ধ করতে একটি মাদুর-টেবিল ব্যবহার করছি । তারা ডায়লগ প্যানেল ব্যবহার করে নতুন ভাষা যুক্ত করতে পারে। তারা কোনও ভাষা যুক্ত করে ফিরে এসেছিল। আমি চাই আমার ডেটা সোর্স তারা যে পরিবর্তন করেছে তা দেখানোর জন্য রিফ্রেশ করুন।
আমি কোনও পরিষেবা থেকে ব্যবহারকারীর ডেটা পেয়ে এবং তাজা পদ্ধতিতে একটি ডেটাসোর্সে পাস করে ডেটাস্টোর শুরু করি initial
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
—
রোহিত পার্ট