In angular -ui indexOf function is undefined

Question

I am trying to add the delete function for the option list: But always getting the error message: indexOf is undefined!

Could someone help me on that? Thanks in advance!

Here is part of my code:

Html:

<div class="question_typeList" ng-switch-default>
                    <table class="question_heading">
                        <tbody>
                            <tr ng-repeat="option in question.options">
                                <td>
                                    <input class="question_textfield" placeholder="My Option" ng-model="option.value[lang]">
                                    <button ng-click="removeOption(option)">X</button>
                                </td>
                                <td>
                                    {{option.value}}
                                </td>
                            </tr>
                        </tbody>
                        {{question.options}}
                    </table>    
                    <button ng-click="newOption(question)">Add Options</button>
                </div>

js part:

$scope.questions = [
        {
          title: $scope.newTranslatable("Title"),
          description: $scope.newTranslatable("Mr./Mrs./Ms."),
          type: "list",
          options: [
            {
              value: $scope.newTranslatable("Mr")
            }, {
              value: $scope.newTranslatable("Mrs")
            }, {
              value: $scope.newTranslatable("Ms")
            }
          ]
        }


$scope.removeOption = function(option) {
        var index = $scope.questions.options.indexOf(option);
        if(index != -1) {
          $scope.questions.options.splice(index, 1);
        }
      }

Have you tried this? stackoverflow.com/questions/1744310/… — j.wittwer
– j.wittwer, Commented Mar 18, 2014 at 0:01
Is $scope.questions an array? Seems like there are errors in the JavaScript you posted. — Anthony Chu
– Anthony Chu, Commented Mar 18, 2014 at 0:11
The [ at the end of $scope.questions = [ doesn't have a matching ] — Anthony Chu
– Anthony Chu, Commented Mar 18, 2014 at 0:18

António Sérgio Simões · Accepted Answer · 2014-03-18 00:38:21Z

$scope.questions is defined as an array. options is not a property of the array, but a property of an element of the array.

you'll have to iterate through the $scope.questions array. This raises a new problem because as far as I can tell, your questions array doesn't appear to have a «key» field to compare against.

Still, assuming you'll manage to get an unique field in there, this is how I think you could implement a function to remove a question[x].options option:

    $scope.removeOption = function(uniqueKey,option) { 
       var questionIndex = $scope.questions.yourUniqueKeyField.indexOf(uniqueKey);
       if(questionIndex != -1){
          var optionIndex = $scope.questions[questionIndex].options.indexOf(option);
          if(optionIndex != -1) {
             $scope.questions[questionIndex].options[optionIndex].splice(optionIndex,1);
          }
       }
    }

Collectives™ on Stack Overflow

In angular -ui indexOf function is undefined

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related