Preset/Prepopulate value for input type number in angular js

Question

I am new to angular js. I have an input field of type number. I want to pre-populate it with a value that comes from a json file.

This does not work when I assign the value using ng-model. It works on a regular input of type text though.

I have also tried using ng-value directive and the value attribute. But no luck.

Need help. Thanks!

Rafi Ali Khan · Accepted Answer · 2013-10-21 15:14:46Z

1

Make sure you are using a number in the JSON and not passing it back as a string. For eg. {"numberValue" : 50} and not {"numberValue": "50"}

answered Oct 21, 2013 at 15:14

Rafi Ali Khan

563 bronze badges

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

1 Comment

user2874066 Over a year ago

Thanks! That was the problem

Jaime Agudo · Accepted Answer · 2014-02-23 01:17:12Z

0

As the ng-model acts like a two-way data binding, scope->view and view->scope you should assign that initial value within the controller initialization rather than using ng-model or the value attribute within the html markup.

    angular.module('MyApp.controllers',['MyAPP']).controller('MyCtrl', function($scope, $rootScope, $http, $location) {
      // This object will be filled by the form

      $scope.user = {};
      //Prepopulated value
      $scope.user.yearOfBirth=1911;
      ...

answered Feb 23, 2014 at 1:17

Jaime Agudo

8,3264 gold badges34 silver badges35 bronze badges

Collectives™ on Stack Overflow

Preset/Prepopulate value for input type number in angular js

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related