new-task.js

import {inject} from 'aurelia-framework';
import {HttpClient} from 'aurelia-fetch-client';

@inject(HttpClient)

export class NewTask {
  tasksType = 
  [
    {number: 1, type: 'Personal Preference'},
    {number: 2, type: 'Paired Choice'},
    {number: 3, type: 'Announcement/Discussion'},
    {number: 4, type: 'General/Specific'},
    {number: 5, type: 'Problem/Solution'},
    {number: 6, type: 'Summary'}
  ];

  tasks = [];
  
  url = 'tasks/';

  constructor(http) {
    this.http = http;
    this.selectedTask = null;
    this.selectedTaskType = null;
  }

  onChangeTaskType() {
    this.http.fetch(this.url + this.selectedTaskType.number)
      .then(response => response.json())
      .then(t => this.tasks = t);
  }
}