Iterate über alle Elemente in der Vorlage in Angular2

Question

Ich habe folgende Vorlage. Wie kann ich auf alle Elemente innerhalb der Vorlage zugreifen? Ich habe versucht, ViewChildren aber es gibt Bezugnahme auf nur ein Element unter Verwendung von (I guess, weil keine zwei Elemente sind die gleichen, und ich bin nicht mit derselben Richtlinie/Komponente in der Vorlage)

template: ` 

<div>Name: <input type="text" name="name" /> </div> 
<div>Gender: <select name="gender" > 
    <option>Male(1)</option> 
    <option>Female(2)</option> 
    </select> 
</div> 
<div>About you: <textarea ></textarea></div> 
<div>Married: <input type="checkbox" /></div>  
    <div> 
    Children:  
    <ng-container *ngFor = "let option of this.selectOptions"> 
    <input type="radio" [id]="option" name="children" [value]=option [(ngModel)]="this.children"/> {{option}} 
    </ng-container> 
    </div> 
    <p > Some para</p> 
    <p >Para with span <span>Inside span</span></p> 

` 

Frage 1- Wie kann ich eine Sammlung aller Elemente in der Vorlage erhalten?

Frage 2 - Was wäre der Weg, zwischen den Elementen zu unterscheiden. Ich denke, alle Elemente würden vom Typ ElementRef sein.

Answer 1

Die Idee mit Angular ist, dass Sie dies nie tun sollten.

Es gibt sehr wenige Umstände, unter denen die direkte Manipulation des DOM erforderlich ist. Angular 2 bietet eine Reihe von leistungsstarken APIs auf hoher Ebene wie Abfragen, die man stattdessen verwenden kann. - http://angularjs.blogspot.com/2016/04/5-rookie-mistakes-to-avoid-with-angular.html