如何将值从json映射到角度视图(html)输入文本标签?

时间:2014-06-17 17:58:00

标签: javascript html json angularjs angularjs-directive

我正在使用角度js -1.2

我有一个输入类型为= text

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

我的数据看起来像这样

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

在加载时我想显示&#34; VPC000111568954&#34;在textbox1&#34; vpc&#34;在textbox2等 有很多文本框,我在JSON

中也有对象

1 个答案:

答案 0 :(得分:1)

您提供的代码看起来是正确的,因为您只提供了一些代码,因此无法确定问题的确切位置。由于todo是一个数组,因此您确保使用ngRepeat来迭代它。看起来应该是这样的:

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

请注意,ngValue该指令不需要复选框和单选按钮。

您可以在此处查看一个有效的示例:http://jsfiddle.net/luisperezphd/dzATm/