title: Angular 6 - Pass complex JSON Object in an HTTP Get request
body: <p>How can I do a HTTP get request and pass an JSON Object. </p>
  
  <p>When I used <a href="https://l-lin.github.io/angular-datatables/#/basic/server-side-angular-way" rel="nofollow noreferrer">Angular Datatable - Server side the Angular way</a>, they are using a <code>post</code> request:</p>
  
  <pre><code>this.http.post&lt;DataTablesResponse&gt;(
     'https://angular-datatables-demo-server.herokuapp.com/',
     dataTablesParameters, {}
  )
  </code></pre>
  
  <p>For some reason, i would like to use <strong>get</strong> request. So how to do that in a <code>get</code> request?</p>
  
  <p>The <code>dataTablesParameters</code> is a JSON Object, something like:</p>
  
  <pre><code>{
      "order": [{
          "column": 0,
          "dir": "asc"
      }],
      "start": 0,
      "length": 10,
      "search": {
          "value": "",
          "regex": false
      }
      ...
  }
  </code></pre>
  
  <p>here is what i tried:</p>
  
  <pre><code>this.http.get&lt;DataTablesResponse&gt;(
        '/dashboard/roles/?format=datatables', 
        {params: dataTablesParameters}
      )
  </code></pre>
  
  <p><strong>but i am unable to access values of <code>search</code> parameter?</strong></p>