forum

home / developersection / forums / create ng options with group by

Ask Question

create ng Options with Group By

Anonymous User 1832 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

Other

I am a content writter !

Follow Message
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>
create ng Options with Group By
MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy