How to get text box value in ember.js

ember.js, textbox

Solution

in js like this

App.WebFormController = Ember.Controller.extend({
    fname: null,
    lname: null,
    save: function () {
        var fname = this.get('fname');
        var lname = this.get('lname');
        alert(fname + ',' + lname);
    }
});

without need a model

in template like this

<script type="text/x-handlebars" data-template-name="web_form">
    <form {{action save on="submit"}}>
        <div >
            <p>{{input type="text" valueBinding="fname"}}</p>
        </div>
        <div>
            <p>{{input type="text" valueBinding="lname"}}</p>
        </div>
        <button>submit</button>
    </form>
</script>

Problem

i have started to work on ember.js just day before. i don't know how to get text box value while submitting. i have tried like this this is html ``` <script type="text/x-handlebars" data-template-name="index"> <div > <p>{{view Ember.TextField valueBinding="fname"}}</p> </div> <div> <p>{{view Ember.TextField valueBinding="lname"}}</p> </div> <button {{action save}}>submit</button> </script> ``` this is my ember.js file ``` App = Ember.Application.create(); App.IndexController = Ember.ObjectController.extend({ save:function() { var fname=this.get('fname'); var lname=this.get('lname'); alert(fname+','+lname); } }); ``` whenever i am clicking on submit button, i am getting undefined in alert.so how to get value? i hope anyone will help me for to continue in ember.js

Original source

Related problems