angularjs_xeditable統合typeaheadインテリジェントヒントの完了

必要に応じてangularjsのxeditableにtypeaheadを追加してスマートヒントを完了し、選択後、このデータの他の情報もこの行に表示する必要があるので、テストの修正をしました.
もちろん、xeditableを使っている以上、このモジュールに参加する必要があります.
var Myapp = angular.module('Myapp ',['xeditable']);
次はページ上のhtmlコードです

   
         
         
         
      
      
    
     
       
           
      
      
    
  
 
 
Edit
     
         
          {{ product.type || 'empty' }}
        
      
     
         
          {{ product.name || 'empty' }}
        
      

        

          
            save
          
          
            cancel
          
        
        

          edit
          del
        
  
      
  Add row

Jsコード

   // $http ， ， 
            $http.get("selectAllProduct")
		  .success(function(data){
			  $scope.products=data;
		  })		
  //            
          $scope.getProductDetail = function ($item, $model) { 
              $scope.inserted = {
        		      type: $model
        		      name: $item.name,
              }
              $scope.products[$scope.products.length-1]=$scope.inserted;
          };
   // 
          $scope.saveProduct= function(data,id) {
		   angular.extend(data, {id: id});
		    return $http.post('saveProduct', data);
	      };
   // 
          $scope.addProduct = function() {
              
		    $scope.inserted = {
		      type: '',
		      name:''
		    };
		    $scope.esms.push($scope.inserted);  
		 }
   // 	 
		  $scope.removeProduct = function(index,product) {
			 if (confirm(" ？")){
		          $http.get("delete"+product.id)
		          .success(function(data){
		    	      $scope.products.splice(index, 1);
		            })
			      }
		  };