title: How can we display a Side - Navigation Bar menu using Angular Material?
body: <p>I want to display a Side-Navigation Bar using a JSON response(which can be dynamic) as shown below:</p>
  <pre><code>    [{
       &quot;A&quot;: &quot;A-Value&quot;,
       &quot;B&quot;: [{
            &quot;C&quot;: [{
                 &quot;D&quot;: [{
                      &quot;E&quot;: &quot;E-Value&quot;,
                      &quot;F&quot;: &quot;F-Value&quot;,
                      &quot;G&quot;: &quot;G-Value&quot;,
                      &quot;H&quot;: &quot;H-Value&quot;
                 }],
                &quot;I&quot;: &quot;I-Value&quot;,
                &quot;J&quot;: &quot;J-Value&quot;,
                &quot;K&quot;: &quot;K-Value&quot;,
                &quot;L&quot;: &quot;L-Value&quot;
          }, {
             &quot;D&quot;: [{
                  &quot;E&quot;: &quot;E1-Value&quot;,
                  &quot;F&quot;: &quot;F1-Value&quot;,
                  &quot;G&quot;: &quot;G1-Value&quot;,
                  &quot;H&quot;: &quot;H1-Value&quot;
          }],
          &quot;I&quot;: &quot;I1-Value&quot;,
          &quot;J&quot;: &quot;J1-Value&quot;,
          &quot;K&quot;: &quot;K1-Value&quot;,
          &quot;L&quot;: &quot;L1-Value&quot;
      }],
      &quot;L&quot;: &quot;L2-Value&quot;
  }, {
      &quot;L&quot;: &quot;L3-Value&quot;
  }, {
      &quot;L&quot;: &quot;L4-Value&quot;
  }, {
      &quot;L&quot;: &quot;L5-Value&quot;
  }, {
      &quot;c&quot;: [{
          &quot;D&quot;: [{
              &quot;E&quot;: &quot;E2-Value&quot;,
              &quot;F&quot;: &quot;F2-Value&quot;,
              &quot;G&quot;: &quot;G2-Value&quot;,
              &quot;H&quot;: &quot;H2-Value&quot;
          }],
          &quot;I&quot;: &quot;I7-Value&quot;,
          &quot;J&quot;: &quot;J7-Value&quot;,
          &quot;K&quot;: &quot;K7-Value&quot;,
          &quot;L&quot;: &quot;L7-Value&quot;
      }],
      &quot;L&quot;: &quot;L6-Value&quot;
     }]
  }]
  </code></pre>
  <p>and the above response should be displayed in the pic as shown below:
  <a href="https://i.stack.imgur.com/BNS41.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>I tried using ng-material-multilevel-menu but it didn't worked because its JSON structure format is fixed ?</p>