Question

我是JSON的Webapi的新手。我有一个URL，它将以AngularJS格式提供数据，我只需要从给定数据中捕获，并将其放在groupby的下拉列表中。任何帮助表示赞赏。

Answer 1

你可以使用$ filter来过滤掉Json数组中的数据，如下所示，

$ filter（'filter'）（你的json数组，{column name：value}，true）

希望这会有所帮助。

Answer 2

您可以尝试此<select name="{{option.empname}}" ng-model="modelName" ng-options="option for option in empdetail"> </select>

有关详细信息，请参阅here

Answer 3

请查看这个简单的完整合格 demo fiddle 。

查看：

<div ng-controller="MyCtrl">
  <select ng-model="selected" 
          ng-options="option.name for option in options"></select>
</div>

AngularJS应用程序：

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', function ($scope, $http) {
    $scope.options = [];
    $scope.selected = null;

    $http({
      method: 'GET',
      url: 'https://jsonplaceholder.typicode.com/users'
    }).then(function (result) {
      $scope.options = result.data;
      $scope.selected = $scope.options[0];
    });;
});

Answer 4

正确的方法是使用ng-options directive。 HTML看起来像这样。

WebView webView= (WebView) findViewById(R.id.webview);
webView.clearCache(true);
webView.clearHistory();
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);

JavaScript的：

<select ng-model="selectedTestAccount" 
        ng-options="item.Id as item.Name for item in testAccounts">
    <option value="">Select Account</option>
</select>

您还需要确保在HTML上运行angular并且已加载模块。

angular.module('test', []).controller('DemoCtrl', function ($scope, $http) {
    $scope.selectedTestAccount = null;
    $scope.testAccounts = [];

    $http({
            method: 'GET',
            url: '/your-api-url',
        }).success(function (result) {
        $scope.testAccounts = result;
    });
});

如何从API JSON数据创建下拉列表

4 个答案:

查看：

AngularJS应用程序：