Cannot read property 'push' of undefined i am using angular 4 and trying to store in firebase
0
When i am trying to save form data to firebase i am getting this error , i am new to angular & firebase .
Below is the code .
This is my employee service class
employee.service.ts
import { Injectable } from '@angular/core';
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database'
import { Employee } from '../../../models/employee.model';
@Injectable()
export class EmployeeService {
employeeList: AngularFireList<any>;
selectedEmployee: Employee = new Employee();
constructor(private firebase : AngularFireDatabase ) { }
getData(){
this.employeeList = this.firebase.list('employees');
return this.employeeList;
}
insertEmployee(employee : Employee)
{
this.employeeList.push({
name: employee.name,
gender: employee.gender,
email: employee.email,
phoneNumber: employee.phoneNumber,
contactPreference: employee.contactPreference,
dateOfBirth: employee.dateOfBirth,
department: employee.department,
isActive: employee.isActive,
photoPath: employee.photoPath
});
}
updateEmployee(employee : Employee){
this.employeeList.update(employee.$key,
{
name: employee.name,
gender: employee.gender,
email: employee.email,
phoneNumber: employee.phoneNumber,
contactPreference: employee.contactPreference,
dateOfBirth: employee.dateOfBirth,
department: employee.department,
isActive: employee.isActive,
photoPath:employee.photoPath
});
}
deleteEmployee($key : string){
this.employeeList.remove($key);
}
}
console error
enter image description here
angular
asked Apr 7 '18 at 8:26
intel QDintel QD
81
add a comment |
0
When i am trying to save form data to firebase i am getting this error , i am new to angular & firebase .
Below is the code .
This is my employee service class
employee.service.ts
import { Injectable } from '@angular/core';
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database'
import { Employee } from '../../../models/employee.model';
@Injectable()
export class EmployeeService {
employeeList: AngularFireList<any>;
selectedEmployee: Employee = new Employee();
constructor(private firebase : AngularFireDatabase ) { }
getData(){
this.employeeList = this.firebase.list('employees');
return this.employeeList;
}
insertEmployee(employee : Employee)
{
this.employeeList.push({
name: employee.name,
gender: employee.gender,
email: employee.email,
phoneNumber: employee.phoneNumber,
contactPreference: employee.contactPreference,
dateOfBirth: employee.dateOfBirth,
department: employee.department,
isActive: employee.isActive,
photoPath: employee.photoPath
});
}
updateEmployee(employee : Employee){
this.employeeList.update(employee.$key,
{
name: employee.name,
gender: employee.gender,
email: employee.email,
phoneNumber: employee.phoneNumber,
contactPreference: employee.contactPreference,
dateOfBirth: employee.dateOfBirth,
department: employee.department,
isActive: employee.isActive,
photoPath:employee.photoPath
});
}
deleteEmployee($key : string){
this.employeeList.remove($key);
}
}
console error
enter image description here
angular
asked Apr 7 '18 at 8:26
intel QDintel QD
81
add a comment |
0
0
0
1
When i am trying to save form data to firebase i am getting this error , i am new to angular & firebase .
Below is the code .
This is my employee service class
employee.service.ts
import { Injectable } from '@angular/core';
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database'
import { Employee } from '../../../models/employee.model';
@Injectable()
export class EmployeeService {
employeeList: AngularFireList<any>;
selectedEmployee: Employee = new Employee();
constructor(private firebase : AngularFireDatabase ) { }
getData(){
this.employeeList = this.firebase.list('employees');
return this.employeeList;
}
insertEmployee(employee : Employee)
{
this.employeeList.push({
name: employee.name,
gender: employee.gender,
email: employee.email,
phoneNumber: employee.phoneNumber,
contactPreference: employee.contactPreference,
dateOfBirth: employee.dateOfBirth,
department: employee.department,
isActive: employee.isActive,
photoPath: employee.photoPath
});
}
updateEmployee(employee : Employee){
this.employeeList.update(employee.$key,
{
name: employee.name,
gender: employee.gender,
email: employee.email,
phoneNumber: employee.phoneNumber,
contactPreference: employee.contactPreference,
dateOfBirth: employee.dateOfBirth,
department: employee.department,
isActive: employee.isActive,
photoPath:employee.photoPath
});
}
deleteEmployee($key : string){
this.employeeList.remove($key);
}
}
console error
enter image description here
angular
asked Apr 7 '18 at 8:26
intel QDintel QD
81
When i am trying to save form data to firebase i am getting this error , i am new to angular & firebase .
Below is the code .
This is my employee service class
employee.service.ts
import { Injectable } from '@angular/core';
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database'
import { Employee } from '../../../models/employee.model';
@Injectable()
export class EmployeeService {
employeeList: AngularFireList<any>;
selectedEmployee: Employee = new Employee();
constructor(private firebase : AngularFireDatabase ) { }
getData(){
this.employeeList = this.firebase.list('employees');
return this.employeeList;
}
insertEmployee(employee : Employee)
{
this.employeeList.push({
name: employee.name,
gender: employee.gender,
email: employee.email,
phoneNumber: employee.phoneNumber,
contactPreference: employee.contactPreference,
dateOfBirth: employee.dateOfBirth,
department: employee.department,
isActive: employee.isActive,
photoPath: employee.photoPath
});
}
updateEmployee(employee : Employee){
this.employeeList.update(employee.$key,
{
name: employee.name,
gender: employee.gender,
email: employee.email,
phoneNumber: employee.phoneNumber,
contactPreference: employee.contactPreference,
dateOfBirth: employee.dateOfBirth,
department: employee.department,
isActive: employee.isActive,
photoPath:employee.photoPath
});
}
deleteEmployee($key : string){
this.employeeList.remove($key);
}
}
console error
enter image description here
angular
angular
asked Apr 7 '18 at 8:26
intel QDintel QD
81
asked Apr 7 '18 at 8:26
intel QDintel QD
81
asked Apr 7 '18 at 8:26
intel QDintel QD
81
asked Apr 7 '18 at 8:26
intel QDintel QD
81
asked Apr 7 '18 at 8:26
intel QDintel QD
81
81
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
1
It's happening because your employeeList is undefined when you try to push, just add this piece of code, that would initialize with your employee values
insertEmployee(employee : Employee)
{
if(!this.employeeList){
this.employeeList = this.getData();
}
this.employeeList.push({
name: employee.name,
email: employee.email
});
}
answered Apr 14 '18 at 8:10
SajeetharanSajeetharan
123k30174234
add a comment |
2
this.firebase.list('employees') return undefined
Try this:
getData(){
this.employeeList = this.firebase.list('employees') || ;// default arr
return this.employeeList;
}
answered Apr 7 '18 at 8:42
SidalSidal
747
Thanks for your response , i tried but getting this error [ts] Type 'AngularFireList<any> | undefined' is not assignable to type 'AngularFireList<any>'. Type 'undefined' is not assignable to type 'AngularFireList<any>'. Property 'query' is missing in type 'undefined'. (property) EmployeeService.employeeList: AngularFireList<any>
– intel QD
Apr 7 '18 at 11:34
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f49705423%2fcannot-read-property-push-of-undefined-i-am-using-angular-4-and-trying-to-stor%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
1
It's happening because your employeeList is undefined when you try to push, just add this piece of code, that would initialize with your employee values
insertEmployee(employee : Employee)
{
if(!this.employeeList){
this.employeeList = this.getData();
}
this.employeeList.push({
name: employee.name,
email: employee.email
});
}
answered Apr 14 '18 at 8:10
SajeetharanSajeetharan
123k30174234
add a comment |
1
It's happening because your employeeList is undefined when you try to push, just add this piece of code, that would initialize with your employee values
insertEmployee(employee : Employee)
{
if(!this.employeeList){
this.employeeList = this.getData();
}
this.employeeList.push({
name: employee.name,
email: employee.email
});
}
answered Apr 14 '18 at 8:10
SajeetharanSajeetharan
123k30174234
add a comment |
1
1
1
It's happening because your employeeList is undefined when you try to push, just add this piece of code, that would initialize with your employee values
insertEmployee(employee : Employee)
{
if(!this.employeeList){
this.employeeList = this.getData();
}
this.employeeList.push({
name: employee.name,
email: employee.email
});
}
answered Apr 14 '18 at 8:10
SajeetharanSajeetharan
123k30174234
It's happening because your employeeList is undefined when you try to push, just add this piece of code, that would initialize with your employee values
insertEmployee(employee : Employee)
{
if(!this.employeeList){
this.employeeList = this.getData();
}
this.employeeList.push({
name: employee.name,
email: employee.email
});
}
answered Apr 14 '18 at 8:10
SajeetharanSajeetharan
123k30174234
answered Apr 14 '18 at 8:10
SajeetharanSajeetharan
123k30174234
answered Apr 14 '18 at 8:10
SajeetharanSajeetharan
123k30174234
answered Apr 14 '18 at 8:10
SajeetharanSajeetharan
123k30174234
123k30174234
add a comment |
add a comment |
2
this.firebase.list('employees') return undefined
Try this:
getData(){
this.employeeList = this.firebase.list('employees') || ;// default arr
return this.employeeList;
}
answered Apr 7 '18 at 8:42
SidalSidal
747
Thanks for your response , i tried but getting this error [ts] Type 'AngularFireList<any> | undefined' is not assignable to type 'AngularFireList<any>'. Type 'undefined' is not assignable to type 'AngularFireList<any>'. Property 'query' is missing in type 'undefined'. (property) EmployeeService.employeeList: AngularFireList<any>
– intel QD
Apr 7 '18 at 11:34
add a comment |
2
this.firebase.list('employees') return undefined
Try this:
getData(){
this.employeeList = this.firebase.list('employees') || ;// default arr
return this.employeeList;
}
answered Apr 7 '18 at 8:42
SidalSidal
747
Thanks for your response , i tried but getting this error [ts] Type 'AngularFireList<any> | undefined' is not assignable to type 'AngularFireList<any>'. Type 'undefined' is not assignable to type 'AngularFireList<any>'. Property 'query' is missing in type 'undefined'. (property) EmployeeService.employeeList: AngularFireList<any>
– intel QD
Apr 7 '18 at 11:34
add a comment |
2
2
2
this.firebase.list('employees') return undefined
Try this:
getData(){
this.employeeList = this.firebase.list('employees') || ;// default arr
return this.employeeList;
}
answered Apr 7 '18 at 8:42
SidalSidal
747
this.firebase.list('employees') return undefined
Try this:
getData(){
this.employeeList = this.firebase.list('employees') || ;// default arr
return this.employeeList;
}
answered Apr 7 '18 at 8:42
SidalSidal
747
answered Apr 7 '18 at 8:42
SidalSidal
747
answered Apr 7 '18 at 8:42
SidalSidal
747
answered Apr 7 '18 at 8:42
SidalSidal
747
747
Thanks for your response , i tried but getting this error [ts] Type 'AngularFireList<any> | undefined' is not assignable to type 'AngularFireList<any>'. Type 'undefined' is not assignable to type 'AngularFireList<any>'. Property 'query' is missing in type 'undefined'. (property) EmployeeService.employeeList: AngularFireList<any>
– intel QD
Apr 7 '18 at 11:34
add a comment |
Thanks for your response , i tried but getting this error [ts] Type 'AngularFireList<any> | undefined' is not assignable to type 'AngularFireList<any>'. Type 'undefined' is not assignable to type 'AngularFireList<any>'. Property 'query' is missing in type 'undefined'. (property) EmployeeService.employeeList: AngularFireList<any>
– intel QD
Apr 7 '18 at 11:34
Thanks for your response , i tried but getting this error [ts] Type 'AngularFireList<any> | undefined' is not assignable to type 'AngularFireList<any>'. Type 'undefined' is not assignable to type 'AngularFireList<any>'. Property 'query' is missing in type 'undefined'. (property) EmployeeService.employeeList: AngularFireList<any>
– intel QD
Apr 7 '18 at 11:34
Thanks for your response , i tried but getting this error [ts] Type 'AngularFireList<any> | undefined' is not assignable to type 'AngularFireList<any>'. Type 'undefined' is not assignable to type 'AngularFireList<any>'. Property 'query' is missing in type 'undefined'. (property) EmployeeService.employeeList: AngularFireList<any>
– intel QD
Apr 7 '18 at 11:34
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f49705423%2fcannot-read-property-push-of-undefined-i-am-using-angular-4-and-trying-to-stor%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
