I want to use Typeahead in my Bootstrap's input. I get information and storage in $scope.regions . Here is my code :

**myfile.js:**

```
            $scope.selectedRegion = "";
            $scope.regions =  res.data.result;

```

And Here is screenshot of my element:

[![enter image description here](https://i.stack.imgur.com/wnIXo.png)](https://i.stack.imgur.com/wnIXo.png)

I want to use regionName as typeahead in input. Here is my HTML code for input:

```
<input placeholder="select region" class="form-control form-xs typeahead" ng-model="selectedRegion" typeahead="region for region in regions($viewValue)">

```

And I want to check regionName in list like this : 

```
            <li ng-repeat="region in regions">
              <a href = "#"> {{ region.regionName }} </a>
            </li>
          </ul>

```

Well , I can see result of list. but Typeahead is not working , I mean that box of typeahead under input does not appear . Any suggestion?