当ngModel在Angular 6中为空时,如何将0放入输入

当ngModel在Angular 6中为空时,如何将0放入输入,angular,typescript,Angular,Typescript,当用户第一次输入时,列表数据为空,我需要在输入中显示0。您可以: 在ngOnInit() 或 在更新值的视图中创建自定义管道 我会在开始时初始化值。如果您使用单向数据绑定,getter也是一个很好的解决方案。您可以在ngOnInit()初始化它,或者更好,您可以更改 [(ngModel)]=“item.kg_blanca” 对此 [(ngModel)]=“item.kg\u blanca!==null?item.kg\u blanca:'0” 这样,如果通过null输入,则输入字段使用0而不是n

当用户第一次输入时,列表数据为空,我需要在输入中显示0。您可以:

  • ngOnInit()
  • 在更新值的视图中创建自定义管道

  • 我会在开始时初始化值。如果您使用单向数据绑定,getter也是一个很好的解决方案。

    您可以在ngOnInit()初始化它,或者更好,您可以更改

    [(ngModel)]=“item.kg_blanca”

    对此

    [(ngModel)]=“item.kg\u blanca!==null?item.kg\u blanca:'0”


    这样,如果通过null输入,则输入字段使用0而不是null

    当加载组件时,
    inventarioList
    如何?数组中是否有元素?选项2,它可以在输入中使用?是,如果要在单向数据绑定上拆分它。如果使用双向数据绑定,则组件和视图中的值应相同:null或0,但不能两者都是
     <tr *ngFor="let item of capturaDiaria.inventarioList; let i = index">
    
      <td> <input type="number" class="form-control" [(ngModel)]="item.kg_blanca" name="blanca-{{i}}"> </td>
    
    </tr>