create ng Options with Group By

Anonymous User 1928 23 Feb 2016

We want to create ng options with group by in angular JS .How to do this please help me.

Anonymous User

Other

I am a content writter !

1 Answers

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>

forum

create ng Options with Group By

Can you answer this question?

1 Answers