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

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

ng-bootstrap angular

Francis Ngueukam · 技术社区 · 6 年前

我出错了( 没有将“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 回复 | 直到 6 年前

Prasanth S 6 年前

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

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

我已经在 stackblitz

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

user2555515 3 年前

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

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

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

推荐文章

Hector · ng引导带垂直选项卡?

6 年前

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

6 年前

aaa_ro · 具有Angular4的一种形式的多个ngb计时器

6 年前

Shahriar Hasan Sayeed · 我们可以在Angular 4项目中使用ng引导程序吗?

6 年前

redOctober13 · 使用NgbDatepicker的角度单元测试失败

6 年前

Murad Khan · 如何向StaticInjector-Angular 5提供HttpClient?

6 年前

NDDT · 为什么我的引导样式应用不正确?

6 年前

Feroz Siddiqui · Angular—哪个引导程序最适合开发Angular cli应用程序

6 年前

Shan-Desai askovpen · 无需按钮,通过函数调用触发NgbModal

6 年前

Joseph Charles · ng引导中的StaticInjectionError

6 年前