Hi, I have a quite simple app where ppl can add Tasks.
add-task.page.html is the following
<ion-content padding>
<ion-list>
<ion-item>
<ion-label position="stacked">Task Title</ion-label>
<ion-input type="text" ([ngModel])="task_title"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Task Description</ion-label>
<ion-input type="text" ([ngModel])="task_description"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Task last date</ion-label>
<ion-datetime min="2019" display-format="DD/MM/YYYY" ([ngModel])="task_last_date"></ion-datetime>
</ion-item>
</ion-list>
<ion-button expand="block" shape="round" color="danger" (click)="addTask()">Add Task</ion-button>
</ion-content>
add-task.page.ts is the follwing
import { Component, OnInit } from '@angular/core';
import * as firebase from 'firebase';
import { ToastController, NavController } from '@ionic/angular';
@Component({
selector: 'app-add-task',
templateUrl: './add-task.page.html',
styleUrls: ['./add-task.page.scss'],
})
export class AddTaskPage implements OnInit {
task_title: string;
task_description: string;
task_last_date: Date;
task_owner: string;
constructor(private toastCtrl: ToastController, private navCtrl: NavController) {
this.task_owner = firebase.auth().currentUser.uid;
}
ngOnInit() {
}
addTask() {
console.log(this.task_title);
console.log(this.task_description);
console.log(this.task_last_date);
console.log(this.task_owner);
}
}
When I click the button to add the task, in the console log I see 3 undefineds and only this.task_owner variable is populated.
Am I missing something stupid?
Thanks!
