Custom autocomplete

by hhcofcmds

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/0.11.4/angular-material.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/0.11.4/angular-material.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<div ng-app="app" ng-controller="Controller as ctrl">
    {{ctrl.xx}}
    <md-autocomplete
        md-items="item in ctrl.items"
        md-item-text="item"          
    >
        <md-item-template>
            {{item.text}}
        </md-item-template>
    </md-autocomplete>
</div>

JavaScript

angular.module('app', ['ngMaterial', 'ngAnimate'])
  .controller('Controller', function() {
    var ctrl = this;
    ctrl.items = {'Apple', 'Banana', 'c', 'd', 'e'}
});