this.flashMessage.show is not a function

Related searches

I am using angular2-flash-messages in my application for notification. On successful sign up, I have to show that user is registered. But I am facing an error which says, "

this.flashMessage.show is not a function

"

signup.component.ts:

import { Component, OnInit } from '@angular/core';
import { FlashMessagesService } from 'angular2-flash-messages';
import { AuthService } from '../services/auth.service';
import { Router } from '@angular/router';

@Component({
  selector: 'app-signup',
  templateUrl: './signup.component.html',
  styleUrls: ['./signup.component.css']
})
export class SignupComponent implements OnInit {

  name: String;
  username: String;
  email: String;
  password;

  constructor(
    private flashMessage: FlashMessagesService,
    private authService: AuthService,
    private router: Router
  ) { }

  ngOnInit() {
  }
  onRegisterSubmit() {
    const user = {
      name: this.name,
      email: this.email,
      username: this.username,
      password: this.password
    };

    this.authService.registerUser(user).subscribe(data => {
      if (data.success) {
        this.flashMessage.show('You are registered and can login.');
        this.router.navigate(['/signin']);
      } else {
        this.router.navigate(['/signup']);
      }
    });
  }
}

Okay! So I tried the solutions that have been posted but none of them worked completely. I looked at documentation and I realised that i forgot to add <flash-messages></flash-messages> in the template file (app.component.html). That's why it is unable to render and gives the error that it's not a function because that function is unable to return any value.

this.flashMessage.show is not a function - angular - html, But I am facing an error which says, " this.flashMessage.show is not a function " signup.component.ts: import { Component, OnInit } from '#angular/core'; import� ProductDetailComponent.html:451 ERROR TypeError: _co.updateUrl is not a function at Object.eval [as handleEvent] Hot Network Questions My PhD defense is next week and I am having negative thoughts about my work and knowledge.

Check using this

  this._flashMessagesService.show('We are in about component!', { cssClass: 'alert-success', timeout: 1000 });

More on usage

Stackblitz working example

_this._flashMessagesService.grayOut is not a function � Issue #21 , or. _this._flashMessagesService.show is not a function import { FlashMessagesService } from 'angular2-flash-messages'; constructor(private� Hello to all, welcome to therichpost.com. In this post, I will tell you, Angular 6 Flash Messages. Here is the working image: Angular provides us so many default features and Flash Message is one of them.

Make a local declaration of flashMessage in onSubmit() or method where you want to use this.

Like this:

var flashMessage = this.flashMessage;

Then add <flash-messages></flash-messages> in the template file (app.component.html).

It worked for me. Hope it helps.

moff/angular2-flash-messages, flashMessagesService.show('Kunden er nu oprettet', { cssClass: 'alert inside its body you actually make a call to the function context - not a class. You should� not - ngif angular 6 this. flashMessage. show in your expression wouldn't keep your template informed about who is logged in as your function is invoked only

AngularJS 2 Register Component, Validate and Flash Messages , call onRegisterSubmit() function from register.component.ts--><form (submit) Do not forget to modify app.module for validate.service flashMessage.show(' Please fill in all fields', {cssClass: 'alert-danger', timeout: 3000}); I have an application built using the MEAN Stack, I am able to display one record at a time when using this method:

The component to display single flash message or multiple flash messages to user. - smwbtech/vue-flash-message

working - ngif function angular 6 Angular 2- using*ngIf with multiple conditions (2) I'm unable to selectively display links on my nav-bar.

Comments
  • @faceturn i get that but i think he has just added the usage data from the git page and i just happen to make a workable example , makes it clearer on how i got the answer i didnot invent the same
  • A dv for the same great , can you just reveal who has given the dv