2017-07-06 7 views
0

次のテンプレートがあります。テンプレート内のすべての要素にアクセスするにはどうすればよいですか?私はViewChildrenを使用してみましたが、それは一つだけの要素(何の二つの要素が同じでないと、私は、テンプレート内の同じディレクティブ/コンポーネントを使用していないので、私は推測する)テンプレートのすべての要素をAngular2で繰り返します。

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> 

` 

質問1への参照を提供します - どのようにすることができ テンプレート内のすべての要素のコレクションを取得しますか?

質問2 - 要素を区別する方法は何でしょうか。私はすべての要素がElementRef型であると思います。

+0

あなたの目標を達成するために、より角度のある方法があるかもしれません。あなたはテンプレートのすべての要素のコレクションが必要なことを何をしようとしていますか? – DeborahK

+0

あなたは単に 'elementRef:ElementRef'を投入することができます – Skeptor

+0

この時点で、角を学ぶだけです。いくつかのコードを書いていて、すべての要素にアクセスする方法がわからないことに気付きました。私は明らかにテンプレートref変数を使用することができますが、私はそれをすべての個々の要素に対して行う必要があります。 –

答えて

関連する問題