angular - angular - 从外部获取并显示实时数据

我试图使用Angular 8实现前端web平台,我的目标是从不同服务器的REST web服务实时提取数据,

在我的Angular项目中:

todo.service.ts


export class TodoService {


 todosUrl = '***urloftodo***';


 todosLimit = ''; // '?_limit=5';



 constructor(private http: HttpClient) { }



 // Get Todos


 getTodos(): Observable<Todo[]> {


 return this.http.get<Todo[]>(`${this.todosUrl}${this.todosLimit}`);


 }


}



todo.component.ts


export class TodosComponent implements OnInit {


 todos: Todo[];


 obslist: Subscription;



 constructor(private todoService: TodoService) { }



 ngOnInit() {


 this.obslist = this.todoService.getTodos().subscribe(todos => {


 console.log(todos);


 });


}



我有点迷茫!

时间:

HttpClient.get是一个请求。
若要连续发出该请求可以使用RXJS的interval


const timer = 5000; // ms


interval(timer)


.pipe(


 mapTo(


 // Your request


 ),


 flatMap(v => v) // Flatten


)



我做了一个stackblitz,看这里 。

如果你的WebService提供了连接web sockets的方法,请查看RXJS的WebSocket

...