title: Angular Datatable not working with data
body: <p>I am using <strong><a href="https://l-lin.github.io/angular-datatables/" rel="noreferrer">Angular-datatable</a></strong> for showing data and its working fine with static data, but when if giving data dynamically its not working. Its taking my hard time. </p>
  
  <blockquote>
    <p>What i want to achieve is to load data from <code>ajax</code> in <code>datatable</code>.</p>
  </blockquote>
  
  <p>This following code i am using for initialization, and its working fine <a href="http://plnkr.co/edit/kK7fvTgUWNre13DgJ59f?p=preview" rel="noreferrer"><strong>Plunker</strong></a>:</p>
  
  <pre><code>function MyChapterController($scope, $q, DTOptionsBuilder, DTColumnBuilder, chapter) {
      var vm = this;     
  
      vm.dtOptions = DTOptionsBuilder.newOptions()
          .withPaginationType('full_numbers')
          .withDisplayLength(2)
          .withDOM('pitrfl');
      vm.dtColumns = [
          DTColumnBuilder.newColumn('id').withTitle('ID'),
          DTColumnBuilder.newColumn('title').withTitle('First name'),
          DTColumnBuilder.newColumn('lastName').withTitle('Last name').notVisible()
      ];
  
      vm.myChapters = [];
  }
  </code></pre>
  
  <p>This is following code not working check <a href="http://plnkr.co/edit/NpyC3q1mdmf20aIx0Blh?p=preview" rel="noreferrer"><strong>Plunker</strong></a>:</p>
  
  <pre><code>function MyChapterController($scope, $q, $resource, DTOptionsBuilder, DTColumnBuilder, chapter) {
      var vm = this;     
  
      vm.dtOptions = DTOptionsBuilder.newOptions()
          .withPaginationType('full_numbers')
          .withDisplayLength(2)
          .withDOM('pitrfl');
      vm.dtColumns = [
          DTColumnBuilder.newColumn('id').withTitle('ID'),
          DTColumnBuilder.newColumn('title').withTitle('First name'),
          DTColumnBuilder.newColumn('lastName').withTitle('Last name').notVisible()
      ];
  
      vm.myChapters = [{
            "id": 860,
            "firstName": "Superman",
            "lastName": "Yoda"
        }, {
            "id": 870,
            "firstName": "Foo",
            "lastName": "Whateveryournameis"
        }, {
            "id": 590,
            "firstName": "Toto",
            "lastName": "Titi"
        }, {
            "id": 803,
            "firstName": "Luke",
            "lastName": "Kyle"
        }];
  
  } 
  </code></pre>
  
  <p>I have also tried with <code>dataresource</code> <a href="http://plnkr.co/edit/NpyC3q1mdmf20aIx0Blh?p=preview" rel="noreferrer"><strong>Plunker</strong></a> but here also hard luck.</p>
  
  <p>It already consumed my lot of time. So finally i decided to take advice from you all. Any help would be appreciated. </p>