Erreur cr�ation service TypeScript Angular
Bonjour, je suis d�butante en TypeSript et Angular, et je souhaite r�aliser un tchat.
J'ai un composant 'chat-window' qui permet de cr�er une fen�tre de discussion. J'aimerai que l'utilisateur puisse avoir plusieurs fen�tres de discussion d'ouvertes. J'ai donc cr�� un service 'windowsService' afin de pouvoir cr�er plusieurs composants 'chat-window'.
Hors, lorsque j'appelle mon service, cela me met une erreur :
Code:
1
2
3
|
src/app/chat-threads/chat-threads.component.ts (71,39): Argument of type 'Window' is not assignable to parameter of type 'Window'.
Property 'applicationCache' is missing in type 'Window'. |
Je n'arrive pas � comprendre pourquoi j'ai cette erreur ..
Voici mon code: chat-threads.component.ts :
Code:
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
|
import {
Component,
OnInit,
Inject
} from '@angular/core';
import * as _ from 'lodash';
import { Observable } from 'rxjs';
import { Thread } from '../thread/thread.model';
import { ThreadsService } from '../thread/threads.service';
import { Message } from '../message/message.model';
import { MessagesService } from '../message/messages.service';
import { WindowsService } from '../window/windows.service';
import { Window } from '../window/window.model';
@Component({
selector: 'chat-threads',
templateUrl: './chat-threads.component.html',
styleUrls: ['./chat-threads.component.css'],
providers: [WindowsService]
})
export class ChatThreadsComponent implements OnInit {
unreadMessagesCount: number;
threads: Observable<any>;
currentWindow: Window;
currentThread: Thread;
constructor(public threadsService: ThreadsService,
public messagesService: MessagesService,
public windowsService: WindowsService) {
this.threads = threadsService.orderedThreads;
}
ngOnInit(): void {
this.messagesService.messages
.combineLatest(
this.threadsService.currentThread,
(messages: Message[], currentThread: Thread) =>
[currentThread, messages] )
.subscribe(([currentThread, messages]: [Thread, Message[]]) => {
this.unreadMessagesCount =
_.reduce(
messages,
(sum: number, m: Message) => {
const messageIsInCurrentThread: boolean = m.thread &&
currentThread &&
(currentThread.id === m.thread.id);
if (m && !m.isRead && !messageIsInCurrentThread) {
sum++;
}
return (sum);
},
0);
});
this.windowsService.newWindows.subscribe((window: Window) => {
this.currentWindow = window;
});
}
onReduceChatThreads(): void {
document.getElementById('chat-threads').classList.toggle('row-reduced');
}
onCreateChatWindow(): void{
const w: Window = this.currentWindow;
w.thread = this.currentThread;
this.windowsService.addWindow(w);
this.currentWindow = new Window();
}
} |
windows.service.ts :
Code:
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
|
import { Injectable } from '@angular/core';
import { Subject, BehaviorSubject, Observable } from 'rxjs';
import { User } from '../user/user.model';
import { Thread } from '../thread/thread.model';
import { Message } from '../message/message.model';
import { MessagesService } from '../message/messages.service';
import * as _ from 'lodash';
@Injectable()
export class WindowsService {
newWindows: Subject<Window> = new Subject<Window>();
create: Subject<Window> = new Subject<Window>();
constructor() {
this.newWindows
.map((data: any) => data.json())
.subscribe(this.create);
}
addWindow(window: Window): void {
this.newWindows.next(window);
}
}
export const windowsServiceInjectables: Array<any> = [
WindowsService
]; |
windows.model.ts :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
import { uuid } from '../util/uuid';
import { User } from '../user/user.model';
import { Thread } from '../thread/thread.model';
import { Message } from '../message/message.model';
export class Window {
id: string;
thread: Thread;
constructor(obj?: any) {
this.id = obj && obj.id || uuid();
this.thread = obj && obj.thread || null;
}
} |
Merci d'avance :)
