quot; [routerLinkActiveOptions]&#x3D;&quot;item.exactMatch() ? { exact: true } : { exact: false }&quot;&gt;
                    {{ item.label() }}&lt;/a&gt;
                &lt;/li&gt;
            }
        &lt;/ul&gt;
    &lt;/nav&gt;
}
</code></pre>
    </div>


    <div class="tab-pane fade " id="tree">
        <div id="tree-container"></div>
        <div class="tree-legend">
            <div class="title">
                <b>Legend</b>
            </div>
            <div>
                <div class="col