Автозаполнение Angularjs с laravel 5.6

В моем проекте я хочу использовать autocomplete используя с angularjs а также laravel,

Я сделал, чтобы получить данные из базы данных и показать их в раскрывающемся списке, как это

Но я хочу показать эти значения в autocomplete это мой код

HTML:

<div ng-controller="AddShopsController">
<div class="col-sm-4">
<label>Online Order Merchant Name<code>*</code></label>
<select class="form-control"  name="online_order_merchant_id" ng-model="formData.online_order_merchant_id" ng-options="online_order_merchant_id.id as online_order_merchant_id.name for online_order_merchant_id in formData.getOnlineOrderMerchantList" ng-required="true">
<option value="">Select Merchant Name</option>
</select>
</div>
</div>

AddShopsController.js

app.controller('AddShopsController', ['$scope', '$http', '$state', 'authServices', '$sessionStorage', 'webServices', 'utility', '$rootScope', '$stateParams', '$timeout', 'toaster', '$filter', function($scope, $http, $state, authServices, $sessionStorage, webServices, utility, $rootScope, $stateParams, $timeout, toaster, $filter) {

$scope.getMembershipType = function()
{
webServices.get('getMembershipType').then(function(getData)
{
$rootScope.loading = false;
if (getData.status == 200)
{
$scope.formData.getMembershipType = getData.data;
} else {
$rootScope.$emit("showerror", getData);
}
//console.log($scope.formData.getMembershipType);
});
}

$scope.getOnlineOrderMerchantList();
}]);

Маршрут / api.php

Route::get('getOnlineOrderMerchantList', 'Directory\DirectoriesController@getOnlineOrderMerchantList');

приложение / Http / Controller / DirectoriesController.php

<?php
namespace App\Http\Controllers\Directory;
class DirectoriesController extends Controller
{
$data = DirectoryCategory::select('*')->where('isparent', 0)->where('isactive', 1)->get();
if (!$data) {
throw new HttpException(400, "No data found");
}
else
{
return response()->json($data,200);
}
}

Консольный результат: