観測可能な配列内のアイテムがリストに追加されていないKO

Question

ロードされたリストからデータを取り出し、観測可能な配列に追加して、別のリストに表示すると、データが画面に表示されない ここobservable arrayが現在保持し、その後、self.finalList().push(val)は、（JavascriptののネイティブArray.Prototype.push()メソッドを使用して）返された結果に値をプッシュしていないものは何でもコード

self.addData = function (val) { 
 
     
 
     self.finalList().push(val); 
 

 
     alert(val.LATIN_DESC); 
 

 
    }

<div class="container"> 
 
          <h2> Added servcies</h2> 
 
          <div class="row" style="height:20vh; overflow:auto;"> 
 
           <div class="col-md-3"> 
 
            <ul data-bind="foreach:finalList"> 
 
             <li class="list-group-item"> 
 
              <div class="col-xs-3"> 
 
               <b data-bind="text:LATIN_DESC , value: SYS_KEY"></b> 
 
              </div> 
 
             </li> 
 
            </ul> 
 
            
 
           </div> 
 
          </div> 
 
          
 
         </div>

Answer 1

observableArrayについて何が@connexoであり、b要素をバインドするときにも、b要素が値を変更しないので、値ではなくテキストを使用するのが理にかなっています。

 
function TestVM(){ 
 
    var self = this; 
 
    self.finalList = ko.observableArray(); 
 
    self.addData = function (val) { 
 
     
 
     self.finalList.push(val); 
 

 
     alert(val.LATIN_DESC); 
 

 
    } 
 
    
 
    self.addData({LATIN_DESC: 'RR', SYS_KEY: 'GG'}); 
 
} 
 
    
 
ko.applyBindings(new TestVM())

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script> 
 
<div class="container"> 
 
          <h2> Added servcies</h2> 
 
          <div class="row" style="height:20vh; overflow:auto;"> 
 
           <div class="col-md-3"> 
 
            <ul data-bind="foreach:finalList"> 
 
             <li class="list-group-item"> 
 
              <div class="col-xs-3"> 
 
               <b data-bind="text:LATIN_DESC +'-'+ SYS_KEY"></b> 
 
              </div> 
 
             </li> 
 
            </ul> 
 
            
 
           </div> 
 
          </div> 
 
          
 
         </div>

Answer 2

self.finalList()戻ります観測可能な配列そのもの。代わりにノックアウト観測配列のプッシュメソッドを使用してください：

self.finalList.push(val)