jQuery mobile angular adapter: Template for issues
HTML
<div id="main" data-role="page" ng-controller="MainController">
<div data-role="content">
<select id="sliderH" name='sliderH' data-role="slider" ng-model="klantH"
ng-options="kh.label for kh in khOpties">
</select>
</div>
{{klantH}}
</div>
CSS
</style>
<link href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.css" rel="stylesheet" type="text/css">
<script src="https://rawgithub.com/opitzconsulting/jquery-mobile-angular-adapter/master/compiled/jquery-mobile-angular-adapter-standalone.js" type="text/javascript"></script>
</style>
JavaScript
var mod = angular.module("ngm", []);
mod.controller('MainController', function($scope) {
$scope.khOpties = [
{
label: 'Nee',
value: false
},
{
label: 'Ja',
value: true
}
];
$scope.klantH = $scope.khOpties[1];
});