javascript - 如何将值从 json 映射到 Angular View (html)输入文本标签?

标签 javascript html json angularjs angularjs-directive

我正在使用 Angular js -1.2

我有一个 html 页面,其输入类型为 =text

<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",
........
    }
    ]

加载时我想在textbox1中显示“VPC000111568954”,在textbox2等中显示“vpc” 有很多文本框,并且我在 JSON 中也有对象内部对象

最佳答案

您提供的代码看起来是正确的,因为您只提供了部分代码,因此无法准确判断问题出在哪里。由于 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/

关于javascript - 如何将值从 json 映射到 Angular View (html)输入文本标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24270410/

相关文章:

javascript - Jquery 获取最近一次点击的属性 ID

javascript - Google Charts,同时使用多个条形图和相关控件

href 中的 JavaScript 变量

html - 右侧相对于视口(viewport)的 CSS 相对位置

javascript - 将 DOM 元素转换为图像?

json - 在数组中循环 JSON 以获得 VBA 中的相同值

python - 在文本中动态双引号 "keys"以在 python 中形成有效的 JSON 字符串

javascript - Nuxt Vue 中的 Splidejs

php - 使用 PHP 解析 JSON 格式的 Twitter 搜索结果

javascript - Mysql 根据另一个下拉选项填充下拉列表