jobs.component.ts

import { Component, OnInit } from "@angular/core";
import { JobService } from "../_services/Job.service";
import { Job } from "src/models/Job";
import { AlertifyService } from "../_services/alertify.service";

@Component({
  selector: "app-jobs",
  templateUrl: "./jobs.component.html",
  styleUrls: ["./jobs.component.css"],
  providers: [JobService]
})
export class JobsComponent implements OnInit {
  listTitle = "Job List";
  jobs: Job[];
  job: Job;

  constructor(
    private jobService: JobService,
    private alertify: AlertifyService
  ) {}

  ngOnInit() {
    this.jobService.getjobs().subscribe(data => {
      this.jobs = data;
    });
  }

  apply(job) {
   this.alertify.success("Successfully applied for " + job.title);
  }
}