<!DOCTYPE html>
<html>
<head>
<title>Wikitechy AngularJS Tutorials</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"> </script>
</head>
<body>
<div ng-app="myApp" ng-controller="selectCtrl">
<h3>Selectbox using ng-repeat in AngularJS</h3>
<select>
<option ng-repeat="x in technology" required>{{x}}</option>
</select>
<h3>Selectbox using ng-options in AngularJS</h3>
<select ng-model="name" ng-change="changefun()" ng-options="x for x in technology"></select>
<tt>{{mychange}}</tt>
<h3>Selectbox using Multiple select in AngularJS</h3>
<select name="multipleSelect" id="multipleSelect" ng-model="data.multipleSelect" multiple>
<option ng-repeat="x in technology">{{x}}</option>
</select><br>
<tt>multipleSelect = {{data.multipleSelect}}</tt><br/>
</div>
<script>
var app = angular.module("myApp", []);
app.controller("selectCtrl", function($scope) {
$scope.technology = [ "HTML", "AngularJS", "CSS", "C",
"JAVA", "PHP", ]
$scope.changefun=function(){
$scope.mychange="Option changed";
};
});
$scope.data = {
multipleSelect: []
};
</script>
</body>
</html>
