Holen Sie sich die $ - index der ausgewählten option in Eckigen

Beispiel:

<select ng-model="selectedCategory" ng-options="category as category.title for category in categories"></select>

Offensichtlich, das wird nicht funktionieren:

<button ng-click="removeCategory($index)">remove</button>

Wie könnte $index zugegriffen werden, wenn nicht in einem repeater?

InformationsquelleAutor TaylorMac | 2013-04-22

  1. 7

    Sollten Sie nicht brauchen, um zu verfolgen den index, entfernen Sie einfach die selectedCategory aus dem Kategorien-Modell in der removeCategory Funktion:

    Dem controller könnte wie folgt Aussehen JSFiddle:

    app.controller("myCtrl", ['$scope', function($scope){
  $scope.model = {
    selectedCategory: {},
    categories: [
        {title: "Cat1"},
        {title: "Cat2"}
    ]
  }
  //init
  $scope.model.selectedCategory = $scope.model.categories[0];

  $scope.removeCategory = function(){
    var ind = $scope.model.categories.indexOf( $scope.model.selectedCategory );
    $scope.model.categories.splice( ind, 1 );
    $scope.model.selectedCategory = $scope.model.categories[0];
  }
}])

    InformationsquelleAutor Ryan Q

Schreibe einen Kommentar