Sự khác biệt giữa [(ngModel)] và [ngModel] cho trạng thái liên kết với thuộc tính?

Question

Đây là ví dụ mẫu:

<input type="number" class="form-control" [(ngModel)]="overRideRate" formControlName="OverRideRate"> 

<input type="number" class="form-control" [ngModel]="overRideRate" formControlName="OverRideRate"> 

Tại đây cả hai đều giống nhau. Cái nào được ưa thích và tại sao?

Answer 1

[(ngModel)]="overRideRate" là hình thức ngắn [ngModel]="overRideRate" (ngModelChange)="overRideRate = $event"

• [ngModel]="overRideRate" là để ràng buộc overRideRate đến input.value
• (ngModelChange)="overRideRate = $event" là để cập nhật overRideRate với giá trị của input.value khi sự kiện change được phát ra.

Cùng nhau chúng là những gì Angular2 cung cấp cho liên kết hai chiều.

Answer 2

Nó khá đơn giản [] => thành phần để mẫu () => mẫu để thành phần [(ngModel)] là một hình thức ký hợp đồng chi tiết [ngModel]="currentHero.name" (ngModelChange)="currentHero.name=$event">

More đây: https://angular.io/docs/ts/latest/guide/template-syntax.html#!#ngModel

Answer 3

[ngModel]="currentHero.name" là cú pháp cho liên kết một chiều, trong khi,

[(ngModel)]="currentHero.name" dành cho liên kết hai chiều và cú pháp là hợp chất từ:

[ngModel]="currentHero.name" và (ngModelChange)="currentHero.name = $event"

Nếu bạn chỉ cần phải vượt qua mô hình, sử dụng đầu tiên. Nếu mô hình của bạn cần nghe các sự kiện thay đổi (ví dụ: khi giá trị trường nhập thay đổi), hãy sử dụng mô hình thứ hai.