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

时间:2017-09-04 11:30:19

标签: javascript html angular validation

function largestNumbers(arr, arr1) {
  var otherArray = [];
  var largeList = [];
  otherArray[0] = arr.split(" ");
  otherArray[1] = arr1.split(" ");

  console.log("otherArray:  " + otherArray);
  for (var i = 0; i < otherArray.length; i++) {
      var biggestNum = otherArray[i][0];
      for (var j=0; j < otherArray[i].length; j++) {      
          if (otherArray[i][j] > biggestNum) {
              biggestNum = (otherArray[i][j]);
              console.log("big num:  " + biggestNum);

          } 
      }
    largeList[i] = biggestNum;  
  }
  console.log(largeList);
  return largeList; 
}

如果我使用 <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}",则distanceData为空对象表格正在运行,验证工作正常 为什么会这样?

1 个答案:

答案 0 :(得分:2)

standalone:true选项意味着ngModel指令不应注册它在包装formControl中创建的formGroup。以下是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}}

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