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

原作者:
...