create ng Options with Group By

Anonymous User 1979 23 Feb 2016

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

Ask by Anonymous User

Updated 23 Feb 2016

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>

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

create ng Options with Group By

Can you answer this question?

1 Answers