代码之家 › 专栏 › 技术社区 › Francis Ngueukam

ngbTimepicker未在具有反应形式的ngbmodal中工作

ng-bootstrap angular

1

Francis Ngueukam · 技术社区 · 7 年前

我出错了( 没有将“exportAs”设置为“NgbTimepicker”的指令 )尝试使用时 NGB时间选择器 以情态的被动形式。

在里面 应用程序。单元ts ,我导入 NGB模块 :

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

@NgModule({
declarations: [
  ...
],
imports: [
   ...
   NgbModule.forRoot(),
],
providers: [],
bootstrap: [AppComponent]
})

在 页组成部分ts ,

import { NgbModal, NgbTimepicker} from '@ng-bootstrap/ng-bootstrap';

...

 workingStartTime: [null, Validators.compose([Validators.required])],

在 页组成部分html

 <input type="text" formControlName="workingStartTime" placeholder=""
        NgbTimepicker #timepicker="NgbTimepicker (click)="timepicker.toggle()">

我花了几个小时没能找到问题所在。我做错什么了吗?谢谢

2 回复 | 直到 7 年前

1

3

Prasanth S 7 年前

你做得不对,从 ng-bootstrap 还提到使用,如:

<ngb-timepicker [(ngModel)]="time" formControlName="time"></ngb-timepicker>

我已经在 stackblitz

希望这能起作用,如果您需要更多,请检查并让我知道。

2

0

user2555515 4 年前

公认的答案是不正确的,这不是被动形式的工作方式。ngModel用于模板形式,而不是OP要求的。要以被动形式设置值,请像在html中那样进行。在代码中:

this.form.controls.time.setValue({
  "hour": 15,
  "minute":30
});

如果应用程序中有多个时间选择器,则可以编写时间选择器适配器,如下所示: Custom time adapter