Newbie question about datas in controller

@Neewd wrote:

Hello,

I'm quite a newbie in Ember, I first learn Vue.js and I friend told me to try Ember so I just try to do some things around Ember and I am stuck with a newbie problem.

I just generate a component A, for my login form and I don't understand how to access the model of the template and pass is in an action for example.

I don't figure how to attach my inputs to my model of my template.
Here is my template and controllers.

import Ember from 'ember';

export default Ember.Component.extend({
  model : function() {
    return {
      email : '',
      password : ''
    }
  },
  session: Ember.inject.service(),
  beforeModel: function() {
    return this.get('session').fetch().catch(function() {});
  },
  actions : {
    signIn: function(email, password) {
      var datas = {
        provider : 'password',
        email : 'test',
        password : 'testest'
      };
      this.get('session').open('firebase', datas).then(function(data) {
        console.log(data);
      });
    }
  }
});

<div class="centered">
  <div class="logoLogin">
    <img src="img/logo3.png" alt="">
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="grid simple">
        <div class="grid-title no-border">
        </div>
        <div class="grid-body no-border">
          <div class="row">
            <div class="col-md-12">
              <div class="input-group transparent">
                <span class="input-group-addon">
                  <i class="fa fa-user"></i>
                </span>
                <input type='text' value={{email}} class='form-control' placeholder="Adresse mail">
              </div>
              <br>
              <div class="input-group transparent">
                <span class="input-group-addon">
                  <i class="fa fa-key"></i>
                </span>
                <input type="password" value={{password}} class="form-control" placeholder="Mot de passe">
              </div>
              <br>
              <div class="checkbox check-primary right">
                <input id="checkbox3" type="checkbox" value="1">
                <label for="checkbox3">Se souvenir de moi</label>
              </div>
              <button {{action "signIn" email password}} type="button" class="btn btn-block btn-primary btn-cons">Se connecter</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

If someone can explain to me how to do this ...

Thank you <3

Posts: 3

Participants: 2

Read full topic