Show json array list in drop down angular

Question

I am new in AngularJS and trying to show data in drop down list and facing few errors. Here is my JSON data:

$scope.list=[
{
    "$id": "1",
    "Groups": [
        "xyz",
        "abc",
        "ugh",
        "ccd"
    ]
}
]

I am trying to show list of names of Groups mentioned in the json.

In controller :-

$scope.selectedval = $scope.list[0].Groups;
console.log($scope.selectedval);

In View I am doing this :-

ng-options="item.Groups for item in list"

By doing this I am getting all the datas in single option. How to separate datas on each list by ng-option ?

praveen kumar · Accepted Answer · 2018-05-15 08:48:52Z

1

`ng-options="item for item in list[0].Groups"

answered May 15, 2018 at 7:34

praveen kumar

1,5344 gold badges14 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sorry, it is list[0], I renamed it. Try it. I sent you sample code too. Please click the below URL w3schools.com/code/tryit.asp?filename=FRC5CNQZOGMS

Sudhir Ojha · Accepted Answer · 2018-05-15 07:32:53Z

1

In view try this

ng-options="val for val in selectedval"

answered May 15, 2018 at 7:32

Sudhir Ojha

3,3053 gold badges16 silver badges28 bronze badges

Worked Thanks. Showing in the list , but when selecting it , breaking down to character .

Mhd Wael Jazmati · Accepted Answer · 2018-05-15 07:33:02Z

0

$scope.list:[{"$id": "1",
"Groups": [
    "xyz",
    "abc",
    "ugh",
    "ccd"
]}]
$scope.list=[] // replace ":" by "="

answered May 15, 2018 at 7:27

Mhd Wael Jazmati

6839 silver badges18 bronze badges

Ok sorry my mistake it's actually = only . I am editing the question . Still not coming.