為什么我們不能在 angular 6 的相同輸入標簽中使用 [(ngModel)] 和值

Question

我的 html 標簽是：

<input matInput placeholder="Vehicle Number" name="vehicleNo" [(ngModel)]="vehicleNo" value="vehicle.vehicleNo" >

我需要自動填充輸入字段，如果我輸入新的東西，它需要在 component.ts 文件中訪問。

Answer 1

在 angular 中，如果您使用 ngModel 綁定數據，則不需要使用 value 屬性，它會自動綁定數據。

//在ts文件中

export className extends OnInit{
    vehicle: any;

    ngOnInit(){

       this.serviceName.functionName().subscribe(
           data=>{
               this.vehicle=data;
           }error=>{
               //whatever logic you want to place
          }
      );
   }
}

//在html文件中

<input matInput placeholder="Vehicle Number" name="vehicleNo" [(ngModel)]="vehicle.vehicleNo">

// 如果你是這樣定義的vehicleObj = { vehicleNo:this.vehicleNo }

那么html文件應該是

<input matInput placeholder="Vehicle Number" name="vehicleNo" [(ngModel)]="vehicleObj .vehicleNo">

Answer 2

此表達式不會評估為 javascript 表達式value="vehicle.vehicle No"這如何進行屬性綁定[value]="vehicle.vehicle No"

剛剛成立vehicleNo到vehicle.vehicleNo和輸入會更新你不需要自己這算什么ngModel，對所做do't。