Question

正如标题所示，我不能在具有[formGroup]属性的html元素中使用bootstrap's ng2 datepicker。

Html

<form [formGroup]="programForm">
    <input type="text" formControlName="datePickerDate" value="{{datePickerDate}}" />
    <datepicker [(ngModel)]="datePickerDate"></datepicker>
</form>

programForm变量定义为

  this.programForm = this.builder.group({
        datePickerDate: [this.selectedDate]
       })

查看此内容时，会抱怨

ngModel不能用于向父级注册表单控件 formGroup指令。尝试使用 formGroup的合作伙伴指令＆＃34; formControlName＆＃34;代替。例如：

<div [formGroup]="myGroup">
  <input formControlName="firstName">
</div>

In your class:

this.myGroup = new FormGroup({
   firstName: new FormControl()
});

  Or, if you'd like to avoid registering this form control, indicate that it's standalone in ngModelOptions:

  Example:


<div [formGroup]="myGroup">
   <input formControlName="firstName">
   <input [(ngModel)]="showMoreControls" [ngModelOptions]="{standalone: true}">
</div>

我尝试添加

[ngModelOptions] =＆＃34; {standalone：true}＆＃34;

解决了错误并使datepicker看起来正常工作。但是，当我选择日期时，它不会更新基础变量。（它只是更新html）

我读过Angular2如何检测到变化，并且我认为为什么这是angular2无法拾取的东西。

我想要的是在选择日期时简单地更新基础变量。但我似乎无法找到一种方法来做到这一点。

Angular2不能使用npm package＆＃39; ng2-bootstrap＆＃39; [formGroup]中的datepicker组件

0 个答案: