AngularJS）

Question

：

<select data-ng-model='selectedTagForNew' ng-change="selectedTagForNewChange()" > 
     <option ng-value="{{tag.arrayindex}}" data-ng-repeat="tag in tags |orderBy:'seq'">{{tag.seq}}&nbsp;{{tag.name}}&nbsp;({{tag.number}})</option> 
    </select> 

特定のアクションの私のコントローラでは、私は配列から選択された要素を削除します。

を

tags.splice($scope.selectedTagForNew,1); 
    for(i=0;i<tags.length;i++){ 
      tags[i].arrayindex=i; 
    } 
    $scope.tags=tags; 

問題は、いつも最初のslice()の後に配列の最後の要素が選択された場合、$scope.selectedTagForNewはundefinedとなります。結果としてtags[$scope.selectedTagForNew]はnullです。リストにも表示されています。 何が間違っていますか？

UPDATE：多くのテストの後、そのNGリピートが更新されていないようですので、モデルの古い値が与えられる（tag.arrayindex）

Answer 1

でtypescriptです

const pos = this.tags.map(elem => { return tag._id; }).indexOf(tag._id); 
this.tags.splice(pos, 1); 

で

をスライスするためのより良い方法JavaScriptを使って拡張子を作ることができます

Array.prototype.spliceObject = function (sourceToRemove) { 
     //Remove the deleted entry from list 
     var index = this.indexOf(sourceToRemove); 
     if (index != -1) { // Make sure the value exists 
      this.splice(index, 1); 
     } 
    }; 

とtry

tags.spliceObject(selectedrow); 

Answer 2

HTMLの$インデックスを使用して配列のインデックスにアクセスします。参考：https://docs.angularjs.org/api/ng/directive/ngRepeat

オプションタグでng-repeatを使用する代わりに、angleで指定されたng-optionsディレクティブを使用できます。参照：https://docs.angularjs.org/api/ng/directive/ngOptions