You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
1.7 KiB
HTML
28 lines
1.7 KiB
HTML
11 years ago
|
<!DOCTYPE html>
|
||
|
<html lang="en" ng-app="typeahead">
|
||
|
<head>
|
||
|
<meta charset="utf-8">
|
||
11 years ago
|
<link href="../../components/bootstrap-css/css/bootstrap.css" rel="stylesheet">
|
||
|
<script src="../../components/jquery/jquery.js"></script>
|
||
|
<script src="../../components/angular/angular.js"></script>
|
||
|
<script src="../../components/angular-bootstrap/ui-bootstrap.js"></script>
|
||
|
<script src="../../components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
|
||
|
<script src="../../lib/angular-contenteditable.js"></script>
|
||
11 years ago
|
<script>
|
||
11 years ago
|
angular.module('typeahead', ['ui.bootstrap', 'contenteditable'])
|
||
11 years ago
|
.controller('TypeaheadCtrl', function ($scope) {
|
||
|
$scope.selected = undefined
|
||
|
$scope.states = ['<b>sweet home</b> Alabama', '<i>cold</i> Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Dakota', 'North Carolina', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming']
|
||
|
})
|
||
|
</script>
|
||
|
</head>
|
||
|
<body>
|
||
|
<div class='container-fluid' ng-controller="TypeaheadCtrl">
|
||
|
<pre>Model: {{selected| json}}</pre>
|
||
|
<div ng-model="selected" typeahead="state for state in states | filter:$viewValue" contenteditable>
|
||
|
</div>
|
||
|
<!-- <input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue"> -->
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|