javascript - ModelOptions 中的独立表单控件如何影响表单值

Question

       <div id="resort-data" 
            ngModelGroup="resortData" 
            #resortData="ngModelGroup">
            <div class="row">
                <div class="text">Kod resortowy I:</div>
                <div class="data">
                    <underline-input id="resI" 
                       #resI="ngModel" 
                       [(ngModel)]="this.company.i_kod" 
                       name="resI" placeholder="Kod resortowy I" 
                       [ngModelOptions]="{standalone: true}">
                    </underline-input>
                </div>
            </div>
        </div>

如果我使用 [ngModelOptions]="{standalone: true}" 输入和

{{f.value | json}}

如果我删除 [ngModelOptions]="{standalone: true}" "resortData": { "resI ": "valueFromInput"} } 表单有效，验证也正常为什么会这样？

Answer 1

standalone:true 选项意味着 ngModel 指令不应注册它在包装 formGroup 中创建的 formControl >。以下是 ngModel 指令的相关来源:

export class NgModel extends NgControl implements OnChanges,
      ...
      private _setUpControl(): void {
        this._setUpdateStrategy();
        this._isStandalone() ? this._setUpStandalone() :
                               this.formDirective.addControl(this); <--- is not called
        this._registered = true;
      }

因此，如果您尝试在此处输出所有表单控件:

{{f.value | json}}

表单不包含您作为独立传递的控件。