My Activity Tracker in Angular 2

My Activity Tracker solution is available here

 Hold on
Are you doing a hackerrank ?

oh wait, Are you from doing this on Fresco Play?

and Are you from TCS?

okay so I get it you may be stuck here because the question is incomplete 

You need to create an activity tracker and here I show u my code-

app.component.ts-

import { Component } from '@angular/core';

@Component({

  selector: 'app-root',

  templateUrl: './app.component.html',

  styleUrls: ['./app.component.css']

})

export class AppComponent {

  //Define your variables done,todos,newToDo,newToDoObj,error

  todos:any

  done:boolean

  newToDo : String

  newToDoObj:any

  error: boolean

   TODOS :any[]

  //Define your constructor here with todos as [] ,newToDo as '' and error as false

  constructor() {

      this.newToDo = '';

      this.todos = [];

      this.error = false;

    }

  //Define your addMore function here

  addMore(newToDo) {

      if(this.newToDo != '')

      {

        this.newToDoObj = {

          newTodo: this.newToDo,

          done: false

        }

        this.todos.push(this.newToDoObj);

        this.newToDo = '';

      }

      else

      {

        this.error = true

      }

      console.log(this.todos);

    }

  //Define your clearAll function here

  clearAll(){

    this.todos.length = 0;

  }

}

app.component.html-

<h1>Fresco PLAY Activity Tracker</h1>

<div>

    <div *ngFor="let todo of todos; let i=index" class="todoItem">

        <input type="checkbox" [(ngModel)]="todo.done" />

        <span [ngClass]="{'checked': todo.done}">{{i+1}}. {{ todo.desc }}</span>

    </div>

    <span *ngIf="todos.length == 0">No Activities to track! Start by adding one</span><br/>

    <input id="newTodo" type="text" [(ngModel)]="newToDo">

    <span *ngIf="error" style="color:red;">Please enter an activity!</span>

    <br/>

    <button id="addActivity" (click)="addMore()">Add an Activity!</button>

    <button id="clearAll" (click)="clearAll()">Clear All</button>

</div>