knockout.js에서 observableArray의 동적 배열을 만듭니다.

Question

필자는 뷰 모델에서 item.array_name 필드에 의해 명명 된 관찰 가능한 배열의 동적 배열을 구축하기 위해 다음 함수를 사용합니다. 그러나 나는 문서 객체로 배열을 채우는 것을 계속하고있다. 이것은 배열 당 페이지 내에서 동일한 HTML 인터페이스를 여러 번 재사용합니다. 누군가 내가 잘못된 방향으로 나를 가리킬 수 있습니까, 아니면 더 나은 접근 방법입니까?

 self.getDocument = function(){ 
     //Reset arrays 
     self.documents.removeAll(); 

     //Dynamically build arrays 
     $.getJSON("/Documentation/Get-Section", function(allData) { 
      $.map(allData, function(item) { 
       var obj = {}; 
       obj[item.array_name] = ko.observableArray([]); 
       self.documents(obj)     
      }) 

     }); 

     //Add document object to the arrays 
     $.getJSON("/Documentation/Get-Document", function(allData) 
      $.map(allData, function(item) { 
       var temp_array = 'self.documents.'+item.array_name 
       eval(temp_array+'(new Document(item))') 
      }); 
     }); 

    } 

Answer 1

나는 당신의 객체를 rejig 것 :

self.getDocument = function(){ 
    //Reset arrays 
    self.documents.removeAll(); 

    //Dynamically build arrays 
    $.getJSON("/Documentation/Get-Section", function(allData) { 
     $.map(allData, function(item) { 
      var section = { name: item.array_name, documents: ko.observableArray([])}; 
      self.documents.push(section); 
     }) 

    }); 

    //Add document object to the arrays 
    $.getJSON("/Documentation/Get-Document", function(allData){ 
     $.map(allData, function(item) { 
     var section = ko.utils.arrayFirst(self.documents(), function(documentSection) { 
      return documentSection.name === item.array_name; 
     }); 
      section.documents.push(new Document(item)); 
     }); 
    }); 
}