如何将输入数据与从服务接收的数据进行比较，以检查有效性（Angular）

Question

I have an application where the students can manage their courses. The student has 2 views where he can either add the courses individually or another view where he can see the list of courses and he can add multiple courses together or disable courses from the list which are not relevant. When the user disables courses it is stored in an array called not applicable courses.

Now I want to alert the user in the 'add course individually view' when he tries to add courses which he has disabled

When I load the form I have a service which contains data about these disabled courses in an array. How do I compare the users the input with the courses in this array that is returned by the service?

private initCourses() {
  this.courseAccessService.gettopicById(this.courseId).subscribe(
    (topicDto: TopicDto) => {
      this.course = topicDto

    },
    err => {
      this.displayError = true
    }
  )
}

This is the service that holds the disabled course list

Answer 1

I want to alert the user in the 'add course individually view' when he tries to add courses which he has disabled

If I'm not wrong, you want to check if the [(ngModel)] value is present in service response that contains the disabled courses in an array.

This is the service that holds the disabled course list

so let's assume the disabled course ( this.course = topicDto ) is the disabledArrayList

 let disabledArrayList = ['Html5', 'Css3', 'JavaScript']; let isPresent = disabledArrayList.includes('JavaScript'); console.log('is the course present ->', isPresent);