ViewChildで取得したinput要素をAngularのFormArrayに設定したい

Question

ViewChildで取得したinput要素をAngularのFormArrayに設定することは
可能でしょうか？取得の方法が悪いのかもわかりませんがわかる方、ご教授
頂けませんでしょうか？
(hogeインスタンスから取得したinputと
formArrayに設定するFormControlとを紐付ける必要があります。)

hoge.component

hoge.component.html
<input #element type="text"/>

hoge.component.ts
@ViewChild('element', {static: true}) element: FormControl;

別のcompoment内

const element = (hogeインスタンス).element;
const formArray = <FormArray>this.hogeForm.controls['hoge'];

formArray.push(element); <- ここがうまくいきません。// TypeError: "control is undefined"

Answer 1

input要素を取得してformArrayに突っ込まなくても
input要素を配列で扱い、配列の添字をformControlNameに
対応させることで、input要素とformArrayとの
対応関係がうまくできました。

<div *ngFor="let address of aliases.controls; let i=index">
<!-- The repeated alias template -->
<label>
  Alias:
  <input type="text" [formControlName]="i">
</label>
</div>

こちらを参考にしています。
https://angular.jp/guide/reactive-forms