Cách thực hiện Knockout các đối tượng quan sát được bên trong dãy quan sát

Question

Tôi muốn thực hiện một mảng quan sát và bên trong mảng đó phải có các đối tượng quan sát được (đối tượng JS). Và theo quan điểm tôi đang lặp mảng này và nhận đối tượng và hiển thị các thuộc tính đối tượng. Giả sử có một đối tượng như sau,

{"name":"john","age":21,"address":"No 25"} 

Hãy tưởng tượng mảng quan sát được bao gồm các đối tượng như trên.

Sau đó, tôi muốn thay đổi đơn thuộc tính (ví dụ:) của đối tượng cụ thể và cần xem thay đổi trên chế độ xem.

Tôi có thể làm điều này bằng cách loại trực tiếp bằng cách nào?

Cảm ơn.

Answer 1

Nếu bạn thiết lập người dùng của mình trong chế độ xemMô hình và ánh xạ nó với knockout mapping bạn sẽ nhận được kết quả mong muốn. Một cái gì đó như:

Bằng cách này, mỗi thuộc tính được ánh xạ sẽ có thể quan sát được và khi chúng thay đổi, điều này sẽ được phản ánh trong đánh dấu của bạn.

Answer 2

Để chuyển mô hình thành mô hình chế độ xem có thể quan sát, bạn có thể sử dụng ko.utils.arrayMap và ko.mapping.fromJS.

var source = [{"name":"john","age":21,"address":"No 25"}]; 
var vm = ko.utils.arrayMap(source, function (item) { 
    return ko.mapping.fromJS(item) 
}); 

See fiddle

Answer 3

Đơn giản chỉ cần xác định một mô hình mới cho các hạng mục dữ liệu của bạn và làm cho mỗi tài sản quan sát được, như thế này:

var dataItemModel = function (name, age, address) { 
    this.name = ko.observable(name); 
    this.age = ko.observable(age); 
    this.address = ko.observable(address); 
} 

Khi bạn nhận được dữ liệu của bạn, vòng qua chúng, tạo dataItemModel của bạn (có thuộc tính quan sát được) và sau đó thêm mục này vào ObservableArray của bạn.