如何獲得angular2 formcontrol父級

Question

如何在控件的嵌套表單組中獲取父表單組。 在驗證控件時，我需要一個同級控件值。 這兩個控件都是 formgroup 的一部分，formgroup 是 formArray 的一部分。 我知道我們有 root，它給出了根元素。 如何獲得給定表單控件的直接父級。

Answer 1

您可以訪問給定的父FormControl與.parent你會用同樣的方式.root 。

這是文檔： https : //angular.io/api/forms/AbstractControl#parent

Answer 2

我有同樣的問題。 我們有一個這樣的嵌套表單組：

FormGroup1:
 - FormControl1
 - FormControl2
 - FormGroup2
   - FormControl3
   - FormControl4

因此，在 FormGroup2.FormControl3 的自定義驗證器中，您可以像這樣找到 FormGroup1 的根：

export class CustomValidator {
    static FormControl3Valid() {
    return function (input: FormControl) {
      if (!input.root || !input.parent) {
        return null;
      }

      const root = input.root as FormGroup;

      if (root.get('FormControl1').value === 'someValue1' &&
        root.get('FormGroup2').get('FormControl4').value === 'someValue2') {
        return { 'required': true };
      }

      return null;
    };
  }
}

請記住，這段代碼有很大的不同：

if (!input.root || !input.parent) {
   return null;
}

在導航到 root 或 parent 之前，您必須檢查 FormGroups 是否已創建。