This is my code that does not getting options for md-select. This html is not the main page. This is my first angularjs application, I am new to angular js, please help me.
Is there anything do i need to add?
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-route.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-messages.min.js"></script>
<script src="http://cdn.rawgit.com/angular/bower-material/v0.10.0/angular-material.js"></script>
<link rel="stylesheet" href="http://cdn.rawgit.com/angular/bower-material/v0.10.0/angular-material.css"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<script language="javascript">
angular
.module('firstApplication', ['ngMaterial'])
.controller('openTicketController', openTicketController);
function openTicketController ($scope) {
$scope.departments = [
{id: 1, type: 'IT'},
{id: 2, type: 'Networking'},
{id: 3,type: 'Accounts'},
{id: 4,type: 'Sales'},
{id: 5,type: 'Support'}
];
}
</script>
<style>
#inputDiv{
margin-left: 20px;
margin-right: 20px;
}
.inputCard{
padding: 5px;
}
</style>
</head>
<body ng-controller="openTicketController">
<md-tabs class="md-primary" md-dynamic-height >
<md-tab id="userTab">
<md-tab-label>User</md-tab-label>
<md-tab-body >
<div layout="row" layout-sm="column" class="md-padding" style="background-color: #fafafa">
<div id="inputDiv" flex class="md-padding" >
<md-card class="inputCard" >
<md-input-container class="md-block" >
<label >Ticket Summary</label>
<input md-maxlength="45" required name="summary" ng-model="ticket.summary" >
</md-input-container >
<md-input-container class="md-block">
<label >Ticket Description</label>
<input md-maxlength="500" required name="description" ng-model="ticket.description">
</md-input-container>
<div layout="row" >
**<md-input-container >
<md-select ng-model="selectedDepartment">
<md-option ng-value="varValue" ng-repeat="varValue in departments"> {{varValue.type}}</md-option>
</md-select>
</md-input-container>**
</div>
</md-card>
</div>
<div flex="40" class="md-padding">
<md-card><h6>sssss</h6>
</md-card>
</div>
</div>
</md-tab-body>
</md-tab>
<md-tab id="internalTab">
<md-tab-label>Internal</md-tab-label>
</md-tab>
</md-tabs>
</body>
</html>
please help
