如何在angular js中使用自定义json数据格式创建下拉列表

Question

This is my custom json data 这是我的自定义json数据

 {0: {'Married Status': {'M', '', 'S'}}, 1: {'COMNCTN_IND': {'', 'OFC', 'RES', 'PGR'}}}

I have tried this, 我已经试过了

Code: 码：

   <select ng-model="ddldates" ng-options="number.dates for number in dates">
        </select>

    </div>
</body>

<script>
    angular.module("myApp", [])
        .controller('myController', function ($scope, $filter) {




     $scope.dates=[{0: {'Married Status': {'M', '', 'S'}}, 1: {'COMNCTN_IND': {'', 'OFC', 'RES', 'PGR'}}}];

        });



</script>

How to add drop down? 如何添加下拉菜单？ Please help. 请帮忙。 I want to what should I write in ng option for my data 我想为数据写ng选项

Answer 1

 <!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> <body> <div ng-app="myApp" ng-controller="myCtrl"> <select ng-model="ddldates"> <option ng-repeat="item in dates.married_status">{{item.status}}</option> </select> <select ng-model="ddldates2"> <option ng-repeat="item in dates.COMNCTN_IND">{{item.comm_ind}}</option> </select> </div> <script> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.dates={}; $scope.dates.married_status =[{status:"M"}, {status:""}, {status:"S"}]; $scope.dates.COMNCTN_IND =[{comm_ind:""}, {comm_ind:"OFC"}, {comm_ind:"RES"}, {comm_ind:"PGR"}]; console.log($scope.dates); }); </script> </body> </html>

not sure what you are trying to do. 不确定您要做什么。 try this. 尝试这个。
TLDR: TLDR：

$scope.dates={};
$scope.dates.married_status=[{status:"M"}, {status:""}, {status:"S"}];
$scope.dates.COMNCTN_IND=[{comm_ind:""}, {comm_ind:"OFC"}, {comm_ind:"RES"}, {comm_ind:"PGR"}];



   <select ng-model="ddldates">
    <option ng-repeat="item in dates.married_status">{{item.status}}</option>
   </select>

   <select ng-model="ddldates2">
    <option ng-repeat="item in dates.COMNCTN_IND">{{item.comm_ind}}</option>
   </select>

Full code. 完整代码。

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

   <select ng-model="ddldates">
    <option ng-repeat="item in dates.married_status">{{item.status}}</option>
   </select>

   <select ng-model="ddldates2">
    <option ng-repeat="item in dates.COMNCTN_IND">{{item.comm_ind}}</option>
   </select>





</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.dates={};
$scope.dates.married_status =[{status:"M"}, {status:""}, {status:"S"}];
$scope.dates.COMNCTN_IND        =[{comm_ind:""}, {comm_ind:"OFC"}, {comm_ind:"RES"}, {comm_ind:"PGR"}];

    console.log($scope.dates);

});
</script>
</body>
</html>

如何在angular js中使用自定义json数据格式创建下拉列表

问题描述

1 个解决方案

解决方案1
0 2019-09-13 00:32:35

如何在angular js中使用自定义json数据格式创建下拉列表

问题描述

1 个解决方案

解决方案1 0 2019-09-13 00:32:35

解决方案1
0 2019-09-13 00:32:35