how to have autocomplete on create and edit using ng-2 smart table

So,here i am binding data from array i.e nameAutocompletee but i want to bind it from Api where table datasource is bind. Autocomplete is working fine with hardcoded array,but on edit mode it doesn't retain its actual value instead.

1. This is my html

     <ng2-smart-table [settings]="settings" [source]="source" 
       (editConfirm)="onSaveConfirm($event)" 
         (createConfirm)="onCreateConfirm($event)"
         (deleteConfirm)="onDeleteConfirm($event)">
       </ng2-smart-table>
   

2. this is my component.ts file

       source: LocalDataSource;
       nameAutocompletee =[
        {    
         id: 1,   
         name: 'Warehouse 1',         
       },
       {  
         id: 1,     
         name: 'Warehouse 2',     
       },
       {  
         id: 1,     
         name: 'Warehouse 23',     
       },
       { 
         id: 1,      
         name: 'Warehouse 12',     
       },
       {    
         id: 1,   
         name: 'Warehouse 5',     
       },
     ];  
   settings = {
       add: {
         addButtonContent: '<span class="">Add</span>',
         createButtonContent: '<i class="nb-checkmark"></i>',
         cancelButtonContent: '<i class="nb-close"></i>',
         confirmCreate: true,
       },
       edit: {
         editButtonContent: '<i class="nb-edit"></i>',
         saveButtonContent: '<i class="nb-checkmark"></i>',
         cancelButtonContent: '<i class="nb-close"></i>',
         confirmSave: true,
       },
       delete: {
         deleteButtonContent: '<i class="nb-trash"></i>',
         confirmDelete: true,
       },
   
       columns: {
         name: {
           title: 'Name',
           type: 'html',       
           editor: {
             type: 'completer',
             config: {
               completer: {              
                 data: this.nameAutocompletee,            
                 searchFields: 'name',
                 titleField: 'name'
               },
             },
           }
         },
         address: {
                   title: 'Address',
           type: 'html',
         },
      },
     };
   
   
   
     constructor(private orderManagerService: OrderManagerService) {   
       this.GetCompanyDetails();    
     }
   
     ngOnInit() {             
       this.GetCompanyDetails();    
     }
   
     GetCompanyDetails()
     {      
         this.orderManagerService.GetCreateNewOrders().subscribe(res => {               
         this.source = new LocalDataSource();          
         this.source.load(res.createOrders);                
       },
       );
     }
   

Here i want to bind the data from Api As table data is bind,but i dont know how to bind it,as in documentation it is not clearly mentioned.