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.
27 lines
1.6 KiB
HTML
27 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" ng-app="typeahead1">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link href="../../bower_components/bootstrap-css/css/bootstrap.css" rel="stylesheet">
|
|
<script src="../../bower_components/jquery/jquery.js"></script>
|
|
<script src="../../bower_components/angular-unstable/angular.js"></script>
|
|
<script src="../../bower_components/angular-bootstrap/ui-bootstrap.js"></script>
|
|
<script src="../../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
|
|
<script src="../../angular-contenteditable.js"></script>
|
|
<script>
|
|
angular.module('typeahead1', ['ui.bootstrap', 'contenteditable'])
|
|
.controller('Typeahead1Ctrl', 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="Typeahead1Ctrl">
|
|
<pre>Model: {{selected| json}}</pre>
|
|
<div ng-model="selected" typeahead="state for state in states | filter:$viewValue" contenteditable>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|