jamesmartin/autocomplete.css

## autocomplete.css
ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

## autocomplete.html
<!doctype html>
<html ng-app>
  <head>
    <script
      src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
    <script src="autocomplete.js"></script>
    <link rel="stylesheet" href="autocomplete.css">
    <link rel="stylesheet"
    href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
  </head>
  <body>
    <h2>Autocomplete</h2>
    <div ng-controller='AutoCompleteController'>
      <input type="search" ng-model='query' />
      <ul ng-show='query' class="typeahead-x dropdown-menu-x">
        <li ng-repeat='person in people | filter:query'>{{person.text}}</li>
      </ul>
    </div>
  </body>
</html>

## autocomplete.js
function AutoCompleteController($scope) {
  $scope.people = [
    {text: 'Joe Blogs'},
    {text: 'Jack Black'}
  ];

}
	<!doctype html>
	<html ng-app>
	<head>
	<script
	src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
	<script src="autocomplete.js"></script>
	<link rel="stylesheet" href="autocomplete.css">
	<link rel="stylesheet"
	href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
	</head>
	<body>
	<h2>Autocomplete</h2>
	<div ng-controller='AutoCompleteController'>
	<input type="search" ng-model='query' />
	<ul ng-show='query' class="typeahead-x dropdown-menu-x">
	<li ng-repeat='person in people \| filter:query'>{{person.text}}</li>
	</ul>
	</div>
	</body>
	</html>
	function AutoCompleteController($scope) {
	$scope.people = [
	{text: 'Joe Blogs'},
	{text: 'Jack Black'}
	];

	}