我有以下安热部分,其唯一财产是Connectionservice服务:
import { Component } from @angular/core ;
import { CommonModule } from @angular/common ;
import { ConnectionService } from ./connection.service ;
//import { inject } from @angular/core ;
@Component({
selector: app-root ,
standalone: true,
imports: [CommonModule],
templateUrl: ./app.component.html ,
styleUrls: [ ./app.component.css ]
})
export class AppComponent {
// is the same with conn = inject(ConnectionService)
constructor(private conn: ConnectionService) {}
...
}
相应的模板是:
<div>
<div>
<div> Site id: <input placeholder="Insert a value"> <button > SET </button> </div>
<textarea #myTextarea cols="40" rows="5"> </textarea>
</div>
</div>
这里是
import { Injectable } from @angular/core ;
import { Socket, io } from socket.io-client ;
import { ServerToClientsEvent, ClientToServerEvent, OTSocketClient } from ../../../../Server/typings ;
@Injectable({
providedIn: root
})
export class ConnectionService {
socket: Socket<ServerToClientsEvent, ClientToServerEvent>;
client!: OTSocketClient;
constructor() {
this.socket = io("http://localhost:3002/");
this.socket.on("connect", () => {
this.connectionService.client = new OTSocketClient(this.socket);
console.log(`Client ${this.socket.id} connected`);
this.connectionService.client.askDoc();
})
}
}
问题是,当我开始使用ng=提出申请时。 第html号构成部分没有完成,该网页无休止地装载。 这可能是由于备案。 io Library, 即使增加了console.log 我可以看到,这一联系是成功的,而且emit和方法的工作是成功的。
第一部分:导言
import { Component } from @angular/core ;
import { CommonModule } from @angular/common ;
let socket = io("http://localhost:3002/");
let client = new OTSocketClient(socket);
socket.on("connect", () => {
console.log(`Client ${socket.id} connected`);
client.askDoc();
})
@Component({
selector: app-root ,
standalone: true,
imports: [CommonModule],
templateUrl: ./app.component.html ,
styleUrls: [ ./app.component.css ]
})
export class AppComponent {
constructor() {}
...
}
模板已经提供,但我可以有把握地知道,在实行班级声明之前,守则在“-ructorstrongInit()”方法中加入,但我发现我前面谈到的同一问题。 因此,我试图增加一个服务,但错误依然存在。