如果属性值为 null，则在输入字段中显示空值

Question

我的 JSON 如下所示：

[
 {
   "firstName": "tom",
   "lastName": "null",
   "phone": "null",
   "status": "Active",
 },
 {
   "firstName": "Bob",
   "lastName": "null",
   "phone": "null",
   "status": "Inactive",
 }
]

我正在显示JSON 对象的第二个属性（即姓氏），如下所示：

  <div class="form-group" >
      <label>Last Name</label>
      <input  class="form-control" [(ngModel)]="customer.lastName">
  </div>

由于它的值为 null 它显示为 null ，这里我需要这样写条件：

如果输入中的属性（姓氏，电话...）值为null，则不应显示任何内容，但输入应对用户可见。

Answer 1

您可以在 ng 模型中使用 条件（三元）运算符 来实现这一点，例如 以下。

<div class="form-group" >
      <label>Last Name</label>
      <input  class="form-control" [(ngModel)]="customer.lastName === 'null' ? '' : customer.lastName">
  </div>