forum

Home / DeveloperSection / Forums / create ng Options with Group By

Ask Question

create ng Options with Group By

Anonymous User 1615 23-Feb-2016
We want to create ng options with group by in angular JS .How to do this please help me.
angular js angular js 
Updated on 23-Feb-2016
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Anonymous User

Anonymous User

23-Feb-2016 
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <script src="~/Scripts/jquery-1.9.1.js"></script>
    <script src="~/Scripts/angular.js"></script>
    <title>Forum</title>
    <script>
        var app = angular.module('myApp', []);
        app.controller('MyCtrl', function ($scope) {
            $scope.rows = [
            {
                "group": "Uttar Pradesh",
                "displayName": "Allahabad",
                "modelName": "Allahabad"
            },
            {
                "group": "Uttar Pradesh",
                "displayName": "Phulpur",
                "modelName": "Phulpur"
            },


            {


                "group": "Maharashtra",
                "displayName": "Thane",
                "modelName": "Thane"
            },


            {


                "group": "Maharashtra",
                "displayName": "Bandra",
                "modelName": "Bandra"
            }
            ,


            {
                "group": "Maharashtra",
                "displayName": "Kurla",
                "modelName": "Kurla"


            }


            ]


        })


    </script>


</head>


<body ng-app="myApp" ng-controller="MyCtrl">


    <div>


    Select City :<select ng-model="row" 


                 ng-options="row.modelName as row.displayName group by row.group for row in rows">


                 </select>


    </div>


</body>


</html>
answer 415872302101154

Liked By