Untitled

<html>
<body class="introcontent">
<div class="bgwrapper">
    <div id="content">

        <h1>Learn algorithm!</h1>
    <!---->
          <!-- no bullets in ul tag -->
          <ul style="list-style-type:none" class="chapters">
           <li *ngFor="let item of IndexChap; let i = index">

              <!-- path route -->
              <a routerLink="/tableofcontents/{{item.name}}"> <span class='chapters'> {{i+1}}</span>
            . <span> {{item.name}}</span>
            </a>


            <ul *ngFor="let subItem of item.subItems" [attr.id]='subItem.name'>
              <li>
                    <section>
                <a [routerLink]="['/tableofcontents/',subItem.name]" [fragment]="subItem.name"> {{ subItem.name }}</a>
                <!--a [routerLink]="[tableofcontents]" [fragment]="subItem.name"> {{ subItem.name }}</a-->
                </section>

              </li>
            </ul>

          </li>

</ul>
        </div>

</div>
</body>
</html>