-
Notifications
You must be signed in to change notification settings - Fork 8
/
default.html
28 lines (25 loc) · 1.15 KB
/
default.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html ng-app='demo'>
<head>
<title>gm.typeaheadDropdown Demo</title>
<!-- Include AngularJS, UI Bootstrap, and Bootstrap CSS -->
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/ui-bootstrap-tpls.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<script src='dist/gm.typeaheadDropdown.min.js'></script>
<script src='demo.js'></script>
</head>
<body ng-controller='DemoCtrl' style='margin:20px'>
<p>Try it out!</p>
<p>
Demonstrating a simple setup with the model and options both using the default label property 'name':
<typeahead-dropdown style='width:300px' ng-model='selectedOption' options='options'></typeahead-dropdown>
Model: {{selectedOption}}
</p>
<p>
Demonstrating model and options with different structures, and passing the property to use as the label using config:
<typeahead-dropdown style='width:300px' ng-model='selectedOption2' options='options2' config='config'></typeahead-dropdown>
Model: {{selectedOption2}}
</p>
</body>
</html>