Learning Angular for .NET Developers

Testing Angular services

 

Let's first create a Todo.ts model class that represents the Todo item. The following code snippet shows the content of the Todo class:

export class Todo { 
    title: string; 
    completed: boolean;
    constructor(title: string) { 
        this.title = title; 
        this.completed = false; 
    } 
    set isCompleted(value: boolean) { 
        this.completed = value; 
    } 
} 

 

Next, create a service todo.service.ts that constructs the list of Todo items in the constructor. The complete code of todo.service.ts is as shown:

 import { Todo } from './todo' export class TodoService { todos: Array<Todo> constructor() { this.todos = [new Todo('First item'), new Todo('Second item'), new Todo('Third item')]; } getPending() { return this.todos.filter((todo: Todo) => todo.completed ...