How to map values from json to angular view(html) input text tags?

Question

I am using angular js -1.2

I have a html page which is having input type =text

<input type="text" ng-model="todo.policy.polno"  size="16"
         placeholder="policy no" ng-value="{{todo.policy.polno}}">

my DATA looks like this

  $scope.todo= [
    {
  "policy": {
    "polno": "VPC000111568954",
    "product code": "VPC",
    "date": "17/02/1990",
........
    }
    ]

on load i want to display "VPC000111568954" in textbox1 "vpc" in textbox2 etc there are many text boxes and and i have object inside object also in JSON

Luis Perez · Accepted Answer · 2014-06-17 19:47:50Z

1

The code your provided looks correct, since you only provided some of your code there is no way to tell where exactly the problem is. Since todo is an array are you making sure to use the ngRepeat to iterate through it. It should look something like this:

<div ng-repeat="item in todo">
    <input type="text" ng-model="item.policy.polno"  size="16" placeholder="policy no" /> 
</div>

Note there is no need for ngValue that directive is for checkboxes and radio buttons.

You can see a working example here: http://jsfiddle.net/luisperezphd/dzATm/

answered Jun 17, 2014 at 19:47

Luis Perez

28.2k11 gold badges85 silver badges81 bronze badges

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

Collectives™ on Stack Overflow

How to map values from json to angular view(html) input text tags?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related