KnockoutJS eliminar el elemento de la matriz observable. El elemento es listitem dentro de ul, que fue generado por foreach

Question

Usando KnockoutJS, ¿cómo puedo eliminar un elemento de una matriz observable? Quiero poder hacer clic en el elemento de lista y eliminar el elemento de la matriz (y, por lo tanto, la lista).

El siguiente ejemplo de código informa: 'this.expertise no está definido'.

¿Tengo que definir algún tipo de objeto de experiencia y luego llamar desde allí?

<ul data-bind="foreach: expertise"> 
    <li data-bind="text: Key, click: $parent.removeExpertise"></li> 
</ul> 

<script type="text/javascript"> 
    $(function() { 
     function AppViewModel() { 

      this.removeExpertise = function (expertise) { 
       this.expertise.remove(expertise); 

      }; 

      this.expertise = ko.observable([ 
       { Key: 'Charles', Value: 'Charlesforth' }, 
       { Key: 'Denise', Value: 'Dentiste' } 
      ]); 
     } 

     // Activates knockout.js 
     jQuery(document).ready(function() { 
      ko.applyBindings(new AppViewModel()); 
     }); 
    }); 
</script> 

Answer 1

Cuando se llama a un método en el niño, this se establecerá en el niño en lugar de $parent.

Hay muchas maneras de asegurarse de que se llame a removeExpertise con el valor apropiado para this. Una manera fácil es usar .bind.

que se vería así:

this.removeExpertise = function (expertise) { 
    this.expertise.remove(expertise); 
}.bind(this); 

Además, tendrá que ser un expertiseobservableArray en lugar de un observable, como observableArray expone los métodos de manipulación de matrices que incluyen una función remove.