如何使用AngularJS从JSON Feed中填充选择下拉列表？
我一直在努力寻找例子，但根本找不到任何东西。我唯一知道的是我可以使用http模块来获取数据。这是我当前正在执行的操作，但它是使用Knockout编码的。有人可以给我一些有关如何使用AngularJS重新编码此功能的建议吗？
的HTML
<select id="testAccounts"
data-bind="options: testAccounts, optionsValue: 'Id', optionsText: 'Name', optionsCaption: 'Select Account', value: selectedTestAccount">
</select>
Java脚本
<script type='text/javascript'>
$(document).ready(function () {
var townSelect = function () {
var self = this;
self.selectedTestAccount = ko.observable();
self.testAccounts = ko.observableArray();
var townViewModel = new townSelect();
ko.applyBindings(townViewModel);
$.ajax({
url: '/Admin/GetTestAccounts',
data: { applicationId: 3 },
type: 'GET',
success: function (data) {
townViewModel.testAccounts(data);
}
});
});
</script>
问题答案：
正确的方法是使用ng- options指令。HTML看起来像这样。
<select ng-model="selectedTestAccount"
ng-options="item.Id as item.Name for item in testAccounts">
<option value="">Select Account</option>
</select>
JavaScript：
angular.module('test', []).controller('DemoCtrl', function ($scope, $http) {
$scope.selectedTestAccount = null;
$scope.testAccounts = [];
$http({
method: 'GET',
url: '/Admin/GetTestAccounts',
data: { applicationId: 3 }
}).success(function (result) {
$scope.testAccounts = result;
});
});
您还需要确保Angular在html上运行并且模块已加载。
<html ng-app="test">
<body ng-controller="DemoCtrl">
....
</body>
</html>
-
问题内容： 我有一个表格（“场地”），其中存储了志愿者可以工作的所有可能场所，每个志愿者被分配为每个场所工作一个。 我想从场所表中创建一个选择下拉列表。 现在，我可以显示分配给每个志愿者的地点，但是我希望它显示下拉框，并且已经在列表中选择了地点。 例如，将ID为7的志愿者分配给了场地编号4 我知道它将采用for或while循环的形式从场地表中拉出场地列表 我的查询是： 如何填充选择下拉框与场馆（
-
下面给出了一段表示下拉列表的代码。我需要在此下拉列表中选择日期值，由<代码> 以下方法无效 1。）使用“按导入组织选择”选择此值。openqa。硒。支持用户界面。选择 控制台显示： 元素应该是“选择”，但应该是“选项” 2.）首先单击下拉列表以显示要选择的选项，然后单击该选项。 控制台显示： 调试元素缺少可访问的名称：id：类型，标记名：选择，类名：文本输入ng原始ng未触及ng有效ng范围 3.
-
问题内容： 我想创建两个下拉列表，类别和项目。 如果我选择名为car的类别之一，则项目下拉列表应包含Honda，Volvo和Nissan。 如果我选择一个名为phone的类别，则项目下拉列表应具有此iPhone，Samsung，Nokia。 我怎样才能做到这一点？我知道我无法使用纯HTML做到这一点。 问题答案： 工作演示 （带有jquery） 更新 ：使用eval（）能够添加所需的任意数量的数组
-
问题内容： 我有以下问题： 我开始用HTML和JS创建表单，并且有两个下拉菜单（国家和城市）。现在，我想使用JQuery使这两个动态，以便仅显示所选国家/地区的城市。 我从一些基本的JS入手，但效果不错，但在IE中却有些麻烦。现在，我正在尝试将JS转换为JQuery，以获得更好的兼容性。 我原来的JS看起来像这样： 我知道这很简单，但是我看不到树木的木头。 问题答案： 它应该像
-
问题内容： 我正在建立一个网站来学习编码，并且正在尝试建立一个工具，用户单击一个选择/下拉列表，其中包含从数据库 cat 提取的某些类别名称，然后另一个选择与从数据库 subcat 提取的子类别名称一起出现。这几乎与Yelp的（向下分类）完全一样，就像Yelp的（向下分类）一样。 我还做了一个图： 我已经有一个从 cat 数据库中提取的类别下拉列表： 我有一个从subcat数据库中提取的subca
-
问题内容： 因此，我有一个使用ColdFusion的项目，并且该项目的表单带有下拉菜单。 选择下拉列表后，我需要做的是针对ajax调用来调用ColdFusion cfc，该cfc返回信息以填写下拉列表下的表单。 以上面的小提琴为例，如果用户选择“ 2”，则名称字段将具有Bob，Fake Street 202和111-555-1234。如果他们选择“ 3”，他们将从CFC（数据库）返回任何其他信息。