KnockoutJSは観測可能な配列から項目を削除します。アイテムはforeachによって生成されたul内のlistitemです

Question

KnockoutJSを使用すると、観測可能な配列からアイテムを削除するにはどうすればよいですか？私はlistitemをクリックして、配列（そしてそれによってリスト）から項目を削除したいと思っています。

以下のコードサンプルは、 'this.expertise is undefined'と報告しています。

何らかの種類の専門知識オブジェクトを定義し、そこから呼び出す必要がありますか？

<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

あなたは子供からメソッドを呼び出すと、thisではなく$parentより子に設定されます。

removeExpertiseがthisに適切な値で呼び出されるようにする方法はたくさんあります。簡単な方法は.bindを使用することです。

それは次のようになります。observableArrayはremove機能を含む配列操作方法を公開しても、あなたは、expertiseがobservableArrayいうよりobservableになりたいでしょう

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

。