title: How to implement inline editing on datatables in AngularJS?
body: <p>I am trying to implement inline editing on datatables in AngularJS. I was trying to find some example but i couldn't. There is a good example <a href="https://editor.datatables.net/examples/inline-editing/simple" rel="nofollow noreferrer">here</a>, but it is not compatible with AngularJS. So, how can i implement it in AngularJS? </p>
  
  <p>Related code from my project:</p>
  
  <pre><code>&lt;tbody&gt;
      &lt;tr ng-repeat="meal in meals"&gt;
          &lt;td&gt;{{ meal.id }}&lt;/td&gt;
          &lt;td&gt;{{ meal.name }}&lt;/td&gt;
          &lt;td&gt;
              &lt;a ng-click="open_yemek('lg', meal.name, meal.recipe, meal.ingredients)"&gt;Tıklayın&lt;/a&gt;
          &lt;/td&gt;
          &lt;td class="text-center"&gt;
              &lt;!--&lt;small class="label label-warning" style="font-size: 9px !important;"&gt;&lt;i class="fa fa-clock-o"&gt;&lt;/i&gt; {{ yemek.sure }}&lt;/small&gt;--&gt;
              {{ meal.time }}
          &lt;/td&gt;
          &lt;td&gt;{{ meal.category }}&lt;/td&gt;
          &lt;td&gt;{{ meal.region }}&lt;/td&gt;
          &lt;td&gt;{{ meal.user }}&lt;/td&gt;
          &lt;td class="text-center"&gt;{{ meal.rank }}/10&lt;/td&gt;
          &lt;td&gt;{{ meal.status }}&lt;/td&gt;
          &lt;td&gt;
              &lt;i ng-click="editItem($index)" class="fa fa-pencil-square-o" aria-hidden="true"&gt;&lt;/i&gt;
              &lt;a ng-click="removeItem('yemekler',$index)"&gt;&lt;i class="fa fa-trash-o" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;a ng-click="addItem('yemekler')"&gt;&lt;i aria-hidden="true" class="fa fa-plus"&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>This is the JS:</p>
  
  <pre><code>$scope.dtOptions = DTOptionsBuilder.newOptions()
      .withOption('lengthMenu', [5, 10, 15])
      .withOption('autoWidth', true);
  
  $scope.meals = {};
  
  mealFactory.get()
      .success(function(data) {
          console.log(data);
          $scope.meals = data;
      });
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/INbEr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/INbEr.png" alt="the image"></a></p>