在Angular2中迭代模板中的所有元素

我有以下模板。如何访问模板中的所有元素？我尝试使用ViewChildren，但它只引用了一个元素（我猜是因为没有两个元素是相同的，而且我在模板中使用的指令/组件也不相同）

模板：`
姓名：
性别：
男（1）
女（2）
关于你：
已婚：
儿童：
{{option}}
一些段落

跨度在跨度内的Para

`

问题1- 如何获取模板中所有元素的集合

问题2-

---

区分这些元素的方法是什么。我想所有的元素都应该是ElementRef类型。

Angular的想法是，您不需要这样做

很少有直接操作DOM的情况 这是必要的。Angular 2提供了一组功能强大的高级API 类似于可以使用的查询。 -

---

Angular的想法是，你永远不需要这样做

很少有直接操作DOM的情况 这是必要的。Angular 2提供了一组功能强大的高级API 类似于可以使用的查询。 -

---

也许有一种更为狭隘的方式来实现你的目标。您想做什么来收集模板中的所有元素？此时您可以插入

elementRef:elementRef

，只需学习角度。在写一些代码时，我意识到我不知道如何访问所有元素。显然，我可以使用template ref变量，但是我必须对所有单个元素都使用它。但是

ElementRef

不会只引用一个元素吗？我想如果我使用

ViewChildren

，我可以得到一个

QueryList

，但事实并非如此。可能有一种更具角度感的方法来实现你的目标。您想做什么来收集模板中的所有元素？此时您可以插入

elementRef:elementRef

，只需学习角度。在写一些代码时，我意识到我不知道如何访问所有元素。显然，我可以使用template ref变量，但是我必须对所有单个元素都使用它。但是

ElementRef

不会只引用一个元素吗？我想如果我使用

ViewChildren

，我可以得到一个

QueryList

，但事实并非如此。好吧，不建议这样做，但这不是真正的问题。好吧，不建议这样做，但这不是真正的问题。

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>

`