代码之家 › 专栏 › 技术社区 › nightingale2k1

角度6反应形式-如何设置条件值?

typescript angular javascript

nightingale2k1 · 技术社区 · 6 年前

this.editForm = this.fb.group(
      {
        firstName: [this.user.firstName, Validators.required],
        lastName: [this.user.lastName, Validators.required],        
        workingDate: [
            moment(this.user.workingDate).format("DD/MM/YYYY"),
          Validators.required
        ], ....
       }

我想把一个条件this.user.workingDate==“”然后将其留空(如果我们使用moment(),它将显示当前日期)

怎么做?

3 回复 | 直到 6 年前

Antoine V 6 年前

你能试试这个吗:

workingDate: [
          this.user.workingDate ? moment(this.user.workingDate).format("DD/MM/YYYY") : null,
          Validators.required
        ], ....

Sivakumar Tadisetti zeah 6 年前

使用terinary运算符,可以设置如下条件

workingDate: [
   (this.user.workingDate ? moment(this.user.workingDate).format("DD/MM/YYYY") : ''), Validators.required
]

Stackblitz example

Bhumika Barad 6 年前

this.editForm = this.fb.group(
  { workingDate: [this.user.workingDate ? moment(this.user.workingDate).format("DD/MM/YYYY") : null, Validators.required],
    mobileNo: [this.user.mobileNo ? this.user.mobileNo : null, [Validators.maxLength(11), Validators.minLength(10)]]
   }

从'moment'导入*作为moment

推荐文章

user3587624 · 禁用FluentUI React组件上的onClick事件

1 年前

Devmix · 如何在new Map()中保存状态?

1 年前

programmerGuy · 使用useState时获取不可分配给参数的接口

1 年前

Luisus · 从Prisma 5客户端提取类型

1 年前

Rostys · TypeScript:使用类型转换进行类型保护

1 年前

Raffaele · TS2304:当types.d.ts导出某些内容时,找不到名称ENDPOINT

1 年前

Anne · 类型不一致的对象的TypeScript类型定义

1 年前

tuimui · 使用react+ts通过道具传递数据

1 年前

FJ97 · 错误NullInjectorError:R3InjectorError(AppModule)[MatDialogConfig->MatDialogConfig]:

1 年前

Pooria Sadeghy · Vitest-类型错误:_ctx$t不是函数

1 年前