ng-phản ánh-mô hình cho thấy giá trị chính xác nhưng không phản ánh trong đầu vào

Question

Gặp phải một vấn đề rất lạ khi ứng dụng của tôi hoạt động sai trong một trường hợp người dùng rất cụ thể. Tôi có một cổng thông tin nơi người dùng có thể thêm câu hỏi và câu trả lời rồi chỉnh sửa chúng. Trong trường hợp này khi tôi xóa một tập hợp (q + a) và sau đó thử thêm nó, mô hình sẽ được cập nhật nhưng chế độ xem của tôi lấy giá trị từ trình giữ chỗ và cập nhật chính nó. Ở đây tôi chỉ nối và đẩy các giá trị trong một mảng và hiển thị bằng cách sử dụng ngFor. Phần tử cuối cùng là một giả và được sử dụng để nhập các giá trị được đẩy lên.

Đính kèm ảnh chụp màn hình nếu có ý nghĩa gì.

Bạn có thể thấy rằng đối với hộp văn bản, mô hình ng-phản ánh hiển thị câu hỏi chính xác, nhưng chính yếu tố đó sẽ hiển thị văn bản trình giữ chỗ.

Answer 1

Rõ ràng vấn đề này đã được gây ra bởi vì góc đã không thể theo dõi các yếu tố của mảng của tôi đúng. Tôi thấy điều này rất khó. Vì vậy, chỉ cần thêm một thuộc tính trackBy vào ngFor của tôi, tôi đã có thể giải quyết vấn đề này.

thêm này để thành phần của tôi:

customTrackBy(index: number, obj: any): any { 
    return index; 
} 

và sau đó trong mẫu:

<div class="margin-bottom-15" 
    *ngFor="let assessment of language.assessments; trackBy:customTrackBy"> 

Vì vậy, về cơ bản tôi yêu cầu góc để theo dõi các yếu tố của tôi trong mảng theo chỉ số. Nó giải quyết vấn đề.

Đánh giá ở đây là mô hình cho từng bộ câu hỏi trả lời.