javascript - 使用 JSON 中的值填充选择不起作用

标签 javascript json angularjs

我试图用来自 JSON 的值填充select,但不起作用。我创建了一个simple plunker用于测试目的。在同一代码中,我尝试默认设置所选值,但这也不起作用,我的代码有什么问题?我只是复制并粘贴了我拥有的另一个工作代码并更改了变量,没有其他任何东西(Angular 让我发疯)

最佳答案

为 Angular 添加了 ng-app 到 bootstrap ,更改了 ng-options 以正确显示选择控件,最后通过绑定(bind)到 ng-model 初始化 $scope.docRifStatus 对象作为默认值..

示例:

html:

<body ng-app="plunker" ng-controller="MainCtrl">
    <select ng-model="docRifStatus" ng-options="st.name for st in mediastatus"></select>
  </body>

js:

app.controller('MainCtrl', function($scope) {
  var elements = {
    "mstatus": [{
      "id": 1,
      "name": "Activo"
    }, {
      "id": 2,
      "name": "Inactivo"
    }, {
      "id": 3,
      "name": "Pendiente"
    }],
    "official_document": [{
      "type": "2",
      "status": "3",
      "url": "wuelto_5332893babc1b6.55975109.jpeg"
    }, {
      "type": "3",
      "status": "3",
      "url": "wuelto_5332893c750790.56043469.jpeg"
    }]
  };

  $scope.mediastatus = elements.mstatus;
  $scope.docRifStatus = $scope.mediastatus[0];
});

实例:http://plnkr.co/edit/A8MmEuFAPPrzGeGGu6GR?p=preview

关于javascript - 使用 JSON 中的值填充选择不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22673079/

相关文章:

javascript - 浏览器错误中的 AWS S3 Javascript

javascript - 使用 pjax 时在页面加载时滚动到 div

javascript - 如何使用javascript将文件保存在相对路径中

javascript - 如何导航从 AngularFire 返回的对象?

javascript - 使用 Angular 并尝试通过电子邮件发送 div 的内容

javascript - 如何在 Canvas 上悬停时展开图像?

javascript - 在下拉菜单上应用链接但下拉菜单在移动设备上不起作用

javascript - 为每个单选按钮制作一个简单的真/假标志

c# - 将 MongoDB Json 转换为 C# 类

java - 当Object-Key是随机的时,如何用Jackson2解析JSON?