observableArray UI'yi güncelleştirmiyor

Question

Kullanıcı arabiriminin yalnızca sayfanın yenilenmesinden sonra doğru verilerle güncelleştirildiği bir sorunla karşılaşıyorum. Burada observableArray is not defined

Benim JS Kod geliyorum:

define(
    ['knockout'], 
    function (ko) { 
     "use strict"; 
     return { 
      onLoad: function (widget) { 
       widget.getDetails= function (prod) { 
        var abc = prod.DetailsNumbers(); 
        console.log(abc); 
        var someArray= []; 
        someArray= abc.split(','); 
        //console.log(someArray); 
        widget.anotherObservableArray = ko.observableArray(); 

        for (var i = 0; i < someArray.length; i++) { 
         var temp = { 
          "prodName": ko.observable(someArray[i]) 
         }; 
         var myKoObservableArray = widget.anotherObservableArray; 
         myKoObservableArray.push(temp); 

        } 
        console.log(myKoObservableArray()); 
        this.myKoObservableArray = myKoObservableArray; 
       }; 
      } 
     } 
    } 
); 

Benim HTML:

<div id="someId"> 
    <table> 
     <tbody> 
      <tr> 
       <td>Button Here</td> 
       <td><button data-bind="click: getDetails(product())">Click me</button></td> 
      </tr>// this here is working fine 
     </tbody> 
    </table> 
    <ul data-bind="foreach: myKoObservableArray"> 
     <li> 
      <span data-bind="text: prodName"> </span> //this changes only after a refresh 
     </li> 
    </ul> 
</div> 

data-bind="text: prodName" değişiklikler değer sadece sayfanın bir yenileme sonrasında.

Answer 1

Dizide dizisini onLoad ortamında oluşturun ve sonra güncelleştirin. Her seferinde oluşturmaya devam etmeyin.

define(
    ['knockout'], 
    function (ko) { 
     "use strict"; 
     return { 
      onLoad: function (widget) { 
       widget.myKoObservableArray = ko.observableArray(); 
       widget.getDetails= function (prod) { 
        var abc = prod.DetailsNumbers(); 
        console.log(abc); 
        var someArray= []; 
        someArray= abc.split(','); 
        //console.log(someArray); 

        // empty the array 
        widget.myKoObservableArray([]); 

        for (var i = 0; i < someArray.length; i++) { 
         var temp = { 
          "prodName": ko.observable(someArray[i]) 
         }; 
         widget.myKoObservableArray.push(temp); 

        } 
        console.log(widget.myKoObservableArray()); 
       }; 
      } 
     } 
    } 
);