在 Angular 7 中設置可能為空的輸入字段的值

Question

我正在使用以下內容在輸入字段中放置值。 使用 Angular 6 設置輸入字段的值

<input matInput placeholder = "ProductName" [(ngModel)]="orderLine.productname">

但是，有時該值可能為空。 什么時候打問號？ 下面，我們收到以下錯誤，有人如何在輸入中放置可能的空白空值，或者不可能？

<input matInput placeholder = "ProductName" [(ngModel)]="orderLine?.productname">

這 '？。' 運算符不能在 [[orderLine?.productname=$event] 中的列賦值中使用

Answer 1

請把它分成兩部分，因為這兩部分是 ngModel 的一部分：

[ngModel]="orderLine?.price" (ngModelChange)="orderLine.price = $event"

Answer 2

您需要將雙向綁定拆分為一個數據和一個事件綁定：-

[ngModel] = "orderLine?.price"
(ngModelChange) = "orderLine.price = $event"

Answer 3

您不能使用?. 在 ngModel 雙向綁定中，也許您可​​以使用三元運算符：

<input matInput placeholder = "Price" [(ngModel)]="orderLine? orderLine.price: null">

Answer 4

我們不能使用三元運算符? 雙向綁定

<input matInput placeholder = "Price" [(ngModel)]="orderLine?.price">

如果您的orderLine對象如下所示，則您不需要使用此運算符...

    orderLine= new OrderLine();

    class OrderLine {
         ...
         price: number;
         ...
    }

Answer 5

您需要拆分雙向綁定。

[ngModel]="orderLine?.price" (ngModelChange)="orderLine.price = $event"