GithubHelp home page GithubHelp logo

Comments (8)

flauc avatar flauc commented on June 2, 2024

Hi,

I'm having trouble understanding what the problem is. Could you provide a sample of the code please?

from angular2-notifications.

gleisonpc avatar gleisonpc commented on June 2, 2024

Of Course.

Lets Go:

My template:

<button class="btn btn-default" (click)="addAluno()">Salvar</button>

My component:

addAluno () {
        this._notificationService.info(
                'example', 
                'example', 
                {
                    timeOut: 0,
                    showProgressBar: true,
                    pauseOnHover: false,
                    clickToClose: true,
                    maxLength: 10
               }
           );
    }

It's works!

My template:

<button class="btn btn-default" (click)="addAluno()">Salvar</button>

My component:

addAluno () {
        this.salvarAluno()
    }

salvarAluno(){
        this.model.Cpf = jQuery("#cpf").val();        

        this._alunoService.addAluno(this.model)
                        .subscribe(
                            aluno => this.verificarAluno(aluno),
                            error =>  this.errorMessage = <any>error);
    }

verificarAluno(aluno: Aluno){
        if(aluno.IdAluno > 0){
           console.log(aluno);

           this.model = new Aluno();
           jQuery("#cpf").val('');

           this._applicationRef.tick();

           this._notificationService.success(
                'example', 
                'example', 
                {
                    timeOut: 5000,
                    showProgressBar: true,
                    pauseOnHover: false,
                    clickToClose: false,
                    maxLength: 10
                }
           );
        }
    }

This don't work normaly.

The element is createad, but dont show in my page:

image

Thans for help me!

from angular2-notifications.

flauc avatar flauc commented on June 2, 2024

Hmm.. Did you try moving the this._notificationService.success() call before the this._applicationRef.tick();?

from angular2-notifications.

flauc avatar flauc commented on June 2, 2024

Maybe this could be the issue:

in development mode, tick() also performs a second change detection cycle to ensure that no further changes are detected...

ApplicationRef

from angular2-notifications.

gleisonpc avatar gleisonpc commented on June 2, 2024

I used tick() just to try make the sucess work.

Without them dont work too.

from angular2-notifications.

flauc avatar flauc commented on June 2, 2024

Can you try and recreate the problem in a plunker?
I tried to recreate it locally but couldn't get the same bug.

from angular2-notifications.

gleisonpc avatar gleisonpc commented on June 2, 2024

I'll try and back here!

Thanks!

from angular2-notifications.

flauc avatar flauc commented on June 2, 2024

Hi @gleisonpc,

Didn't hear from you in a awhile, did you manage to get it to work, can i close the issue?

from angular2-notifications.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.