<!DOCTYPE html>
<html ng-app="inputSuggestApp">
<head>
  <title>[AngularJS] Input Suggest Dropdown Menu</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="initial-scale=1, minimal-ui" />
  <link rel="stylesheet" type="text/css" href="style.css">
  <style>.ng-cloak {display: none !important;}</style>
</head>
<body style="text-align: center;">

<form ng-controller="suggestController">
  <input type="text" autocomplete="off" autofocus ng-model="word" ng-change="inputChange()">
  <div class="suggest ng-cloak" ng-show="isShowSuggestMenu()" ng-style="suggestMenuStyle" ng-cloak>
    <div ng-repeat="suggestedWord in suggestedWords track by $index">{{ suggestedWord }}</div>
  </div>
</form>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js"></script>
<script src="app.js"></script>

</body>
</html>