Angularjs two way binding is not working

Question

I’m trying to log variable which is the model of inputbox, but it says undefined, here is the coffeescript code.

.controller('setupCtrl',[
  '$scope'
  ($scope) ->
    $scope.userAge = [{age: ''}]
    console.log 2342424

    $scope.addAge = ->
      console.log($scope.age)
])

This is the HTML code

<form role="ageForm" data-ng-submit="addAge()" >
    <div class="form-group">
        <input type="text" ng-model="age" class="form-control" placeholder="Age" required>
    </div>
    {{input}} butona koyup data-ng-click dene istersen
    <button type="submit" ng-click="addAge()">sdsadsdSave</button>
</form>

It says undefined for $scope.age

sylwester · Accepted Answer · 2014-06-29 22:16:48Z

1

It looks like ng-model => userAge.age not age only

<form role="ageForm" data-ng-submit="addAge()" >
    <div class="form-group">
        <input type="text" ng-model="userAge.age" class="form-control" placeholder="Age" required>
    </div>
    {{input}} butona koyup data-ng-click dene istersen
    <button type="submit" ng-click="addAge()">sdsadsdSave</button>
</form>

$scope.addAge = ->
      console.log($scope.userAge.age)

answered Jun 29, 2014 at 22:16

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Yigit Ozmen Over a year ago

thank you sylwester, it works, now i would like to know that how can i store this is in variable which is not defined in script?

sylwester Over a year ago

i'm bit confused can you explain bit more please ?

Yigit Ozmen Over a year ago

sylwester suppose that i have an input <input ng-model="x"> but x is not defined in $scope, how can i log it?

sylwester Over a year ago

I belive is good practice to define you model in controller. But even if you didn't defined model in controller, everything should works please see here: jsbin.com/veyix/1. another but is coffescript, it looks like it didn't worked for you.

Jegsar Over a year ago

Does it work with an object like that? I've use ng-model to define a string or int but never var.int

Collectives™ on Stack Overflow

Angularjs two way binding is not working

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related