Bdtjtk

I want to send a http GET call with a value, then use that value to filter in a linq query. The value is set in the html input "ClassTimesStudentID". The GET function - getStudentDataAll() seems to only work when I run it in the constructor. The current return array is too large (takes 7 seconds), so I want to filter the array further in the C# linq query by passing the "ClassTimesStudentID" value in the query, returning a smaller array with students at the value location. I can't figure out the syntax in Angular component and service to do this.
Once I can pass the value to the C# controller, I don't know how to put it in the linq.
Back end is .NET Core 2.0, Entity Framework.

<form (ngSubmit)="onSubmit(f)" #f="ngForm"> <div class="row">

     <div class="col-sm-5 form-group">

       <label for="name">Student ID</label>

         <input type="text" id="ClassTimesStudentID" class="form-control" name="ClassTimesStudentID" [(ngModel)]="ClassTimesStudentID"> 

component.ts

public studentNameData: Array<any>;

public filteredName: Array<any>;



private _ClassTimesStudentID: any;

get ClassTimesStudentID(): any {

return this._ClassTimesStudentID; }



set ClassTimesStudentID(value: any) {

 this._ClassTimesStudentID = value; 

 this.filteredName = this.filterStudent(value);



 filterStudent(ClassTimesStudentID: any) {

 return this.studentNameData.filter(name => name.studentIdother === this.ClassTimesStudentID); }



constructor(private loginService: LoginService, private dataStorageService: DataStorageService) {

  dataStorageService.getStudentDataAll().subscribe((importName: any) => 

this.studentNameData = importName);

  console.log('call ' + this.studentNameData);}

service.ts

import { HttpClient, HttpHeaders } from '@angular/common/http';

@Injectable()

 export class DataStorageService {

private headers: HttpHeaders;

private accessPointUrl: string = 'http://localhost:59673/api/ClassTimes';



constructor(private http: HttpClient, 

          private adminService: AdminService,

          private authService: AuthService) {

this.headers = new HttpHeaders({'Content-Type': 'application/json; charset=utf-8'}); }



 public getStudentDataAll() {

// calls ScheduleDemographicsController

return this.http.get('http://localhost:59673/api/ScheduleDemographics', {headers: this.headers}); }

.NET Core Controller

     // GET: api/ScheduleDemographics

     [HttpGet]



     public IActionResult GetZzTestSiscombinedScheduleandDemographics()



        var readPulse = _ctx.ZzTestSiscombinedScheduleandDemographics.Select(s => new { s.StudentIdother, s.SpecEd, s.StudentName, s.SchoolNumber, s.CourseName, s.Gradelevel }).Distinct();

        var distinctStudent = readPulse.GroupBy(g => g.StudentIdother).Select(y => y.FirstOrDefault());

        foreach (var student in distinctStudent);



        return Ok(distinctStudent); }