recoger datos angular a traves del backend funcionando

Frontend/client/src/app/app.module.ts

@@ -6,6 +6,8 @@ import { NgChartsModule } from 'ng2-charts';
 import { AppComponent } from './app.component';
 import { LineChartComponent } from './components/line-chart/line-chart.component';
 
+import { HttpClientModule } from '@angular/common/http';
+
 @NgModule({
   declarations: [
     AppComponent,
@@ -13,6 +15,7 @@ import { LineChartComponent } from './components/line-chart/line-chart.component
   ],
   imports: [
     BrowserModule,
+    HttpClientModule,
     NgChartsModule
   ],
   providers: [],

Frontend/client/src/app/components/line-chart/line-chart.component.ts

 import { Component, OnInit } from '@angular/core';
 import { ChartDataset, ChartConfiguration} from 'chart.js';
 import { NgChartsModule } from 'ng2-charts';
+import { UniversidadService } from '../../service/universidad.service';
+import { Universidad } from '../../model/universidad';
 
 @Component({
   selector: 'app-line-chart',
@@ -8,7 +10,7 @@ import { NgChartsModule } from 'ng2-charts';
   styleUrls: ['./line-chart.component.css']
 })
 export class LineChartComponent implements OnInit{
-
+  private universidades!: Universidad[]
   lineChartData: ChartDataset[] = [ // Datos
   { data: [12, 72, 78, 75, 17, 75], label: 'Crude oil prices' },
   { data: [85, 12, 28, 85, 17, 75], label: 'Another crud' }
@@ -23,8 +25,21 @@ export class LineChartComponent implements OnInit{
 
   lineChartType = 'line';
 
-  constructor() {}
+  constructor(
+    private UniversidadService: UniversidadService
+  ) {}
    ngOnInit():void {
+    this.getUniversidades();
+  }
+
+  getUniversidades(){
+    this.UniversidadService.getAllUniversidades().subscribe((d) =>{
+      // console.log(d);
+      /*this.lineChartData = [ // Datos
+      { data: [12, 72, 78, 75, 17, 75], label: 'Crude oil prices' },
+      { data: [85, 12, 28, 85, 17, 75], label: 'Another crud' }
+    ];*/
+    });
   }
    
   shuffeData() {

Frontend/client/src/app/model/universidad.ts

@@ -12,6 +12,4 @@ export interface Universidad {
     dosmilveinte: number,
     totalPublicaciones: number,
     promedioPublicaciones: number
-
-
 }
\ No newline at end of file

Frontend/client/src/app/service/universidad.service.ts

+import { Injectable } from '@angular/core';
+import { Universidad } from '../model/universidad';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { environment } from 'src/environments/environment';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class UniversidadService {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  getAllUniversidades(): Observable<Universidad[]> {
+    return this.http.get<Universidad[]>(`${environment.url}`)
+  }
+}

Frontend/client/src/environments/environment.ts

+export const environment = {
+    production: false,
+    url: 'http://localhost:8000/allUniversidades/' // recoge todas las Universidades
+  };