Question

我正在尝试从模板中获取所有id属性，这是我的模板。

<aside class="left-sidebar">
  <div class="scroll-sidebar">
    <nav id ="nav-001" class="sidebar-nav">
      <ul id="sidebarnav">
        <li class="nav-small-cap">PERSONAL</li>
        <!--<li><a [routerLinkActiveOptions]="{exact: true}" routerLinkActive="active" routerLink="dashboard" class="disabled" tourAnchor="some.anchor.id">
          <i class="material-icons">dashboard</i><span class="hide-menu">{{ 'NAVIGATION.DASHBOARD' | translate }}</span></a></li>-->
        <li><a id="btn-009"  [routerLinkActiveOptions]="{exact: true}" routerLinkActive="active" routerLink="feeds">
          <i class="material-icons">storage</i><span class="hide-menu">{{ 'NAVIGATION.FEEDS' | translate }}</span></a></li>
        <li><a id="btn-010"   [routerLinkActiveOptions]="{exact: false }" routerLinkActive="active" routerLink="tracking">
          <i class="material-icons">youtube_searched_for</i><span class="hide-menu">{{ 'NAVIGATION.TRACKING' | translate }}</span></a></li>
        <li><a id="btn-011"   [routerLinkActiveOptions]="{exact: true}" routerLinkActive="active" routerLink="tasks">
          <i class="material-icons">library_books</i><span class="hide-menu">{{ 'NAVIGATION.TASKS' | translate }}</span></a></li>
        <li><a id="btn-012"   [routerLinkActiveOptions]="{exact: true}" routerLinkActive="active" routerLink="customers">
          <i class="material-icons">contacts</i><span class="hide-menu">{{ 'NAVIGATION.CONTACTS' | translate }}</span></a></li>
        <li><a id="btn-013" [routerLinkActiveOptions]="{exact: true}" routerLinkActive="active" routerLink="publish">
          <i class="material-icons">send</i><span class="hide-menu">{{ 'NAVIGATION.PUBLISHING' | translate }}</span></a></li>
        <li><a id="btn-014" [routerLinkActiveOptions]="{exact: false}" routerLinkActive="active" routerLink="reports">
          <i class="material-icons">insert_chart</i><span class="hide-menu">{{ 'NAVIGATION.REPORTS' | translate }}</span></a>
              <ul style="left:0">
                <li><a [routerLinkActiveOptions]="{exact: false}" routerLinkActive="active" routerLink="sentiment"> 
                  <i class="material-icons">bubble_chart</i> Sentiment Analizi</a></li>
              </ul>
        </li>
      </ul>
    </nav>
  </div>
</aside>

我正在尝试做的事情，当ngOnInit触发时将每个id放入数组中，并用另一种方法对它们进行授权控制。然后根据结果，使用* ngIf有条件地渲染它们。

角度版本：5.x.x

如何在ngOnInit中获取所有HTML属性

0 个答案: