Question

因此，当用户在API上注册Web应用程序时，我会提出问题。我试图通过将由键和值分隔的问题拉到html选项中来使用Angular.js来完成此操作。 API返回类似于：

的内容

[
{
    "key": "1",
    "value": "What was the make and model of your first car?"
},
{
    "key": "2",
    "value": "In what city or town was your first job?"
},
{
    "key": "3",
    "value": "What is the name of your favorite childhood friend?"
}
]

其中有30个返回，我需要将这些注入下拉列表中。

一直在搜索和尝试，只是没有通过修改我的控制器指向正确的方向并修改我的指令来实现这一点。

不确定我哪里出错了，但希望你们中的一些人可以帮助或指导我一个显示这个问题的教程。

非常感谢。

Answer 1

你有签出：https://docs.angularjs.org/api/ng/directive/ngOptions吗？

因此，在你的标记中你会做：<select ng-options="jsonValue.value as jsonValue in JsonValues" ng-model="selectedValue">

在你的控制器中：

$scope.jsonValues = // JSON result you posted above. Use route.resolve or whatever method to set this.

当您更改下拉值时，$scope.selectedValue将使用与所选值对应的对象{ key : x, value : 'value' }进行更新。

将JSON从API绑定到多选

1 个答案: