<!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>