Call external method from this.$ in polymer

Question

I am new to polymer and I have a few problems. I have the following code polymer code for my polymerfire registration page.

        Polymer({
        is: 'my-register',
        properties: {
            message: {
                type: String,
                value: '',
            },
            email:{
                type: String,
                value: '',
            },
            password: {
                type: String,
                value: '',
            },
            user: {
                type: Object,
                notify: true,
            },
            customUser: {
                value: {},
                notify: true,   
            },
        },
        loginSuccess: function(){
            this.customUser['status'] = 1;
            if(this.customUser['status'] == 1 && this.message == ""){
                console.log("done");
                // this.$.ironLocation.set('path', '/profile');
            }
        },
        createUserWithEmailAndPassword: function() {
            this.error = null;
            this.$.auth.createUserWithEmailAndPassword(this.email, this.password) 
                .then(function(response) {
                    this.loginSuccess();
                    console.log("success");
                })
                .catch(function(error) {
                    console.log("Error");
                });
            this.password = null;
        },
        ready: function(){
            this.customUser['status'] = 0;
        },
        handleError: function(e) {
            this.message = 'Error: ' + e.detail.message;
        },
        signOut: function() {
            this.error = null;
            this.$.auth.signOut();
        },  
    });

The problem is that I can't call the loginSuccess function from the createUserWithEmailAndPassword success function. Is it possible to access external methods from the firebase-auth create function?

And is there a way to track custom attributes in the firebase user object instead of creating a second custom user object? I don't think this is very efficient because I have to access both properties in the whole application.

Answer 1

You can try this..

createUserWithEmailAndPassword: function () {
  var self = this;
  // Or ES6
  // let self = this;       
  this.error = null;
   this.$.auth.createUserWithEmailAndPassword(this.email, this.password) 
     .then(function (response) {
       self.loginSuccess();
       console.log("success");
     }).catch(function (error) {
        console.log("Error");
     });

   this.password = null;
}

I use this trick and work for me.

Cheers..!