Angular gives error when I am passing parameter in Angular

Question

TypeError: Cannot read property '{{ answer._id }}' of undefined
at Scope.$scope.showAddComment file : questions.client.controller.js:103:70)

Here's my code:

<a class="btn btn-xs" data-ng-click="showAddComment('{{ answer._id }}');">
  Add Comment
</a><br />
<div class="col-md-12" ng-show="mustShow['{{ answer._id }}']">      
  <form class="form-horizontal" data-ng-submit="giveAnswerComment()" novalidate>
    <fieldset>
      <input type="hidden" data-ng-model="answer" id="answer" name="answer" value="{{answer._id}}">
      <div class="form-group">
        <div class="controls">
          <textarea data-ng-model="comment" id="comment" class="form-control" cols="30" rows="10" placeholder="Comment" required></textarea>
        </div>
      </div>
      <div class="form-group">
        <input type="submit" class="btn btn-default" value="Post Your Comment">
      </div>
      <div data-ng-show="error" class="text-danger">
        <strong data-ng-bind="error"></strong>
      </div>
    </fieldset>
  </form>
</div>



$scope.showAddComment = function(mustShowId) {
    console.log("Before mustShowId = " + mustShowId);
    // 103:70>
    console.log("Before $scope.mustShow[mustShowId] = "+$scope.mustShow[mustShowId]);
    $scope.mustShow[mustShowId] = true;
    console.log("After $scope.mustShow[mustShowId] = "+$scope.mustShow[mustShowId]);

};

Answer must not be defined on the scope where the template is being rendered. Can we see some more code, the code where answer is defined? — Peter Ashwell
– Peter Ashwell, Commented Jan 3, 2015 at 6:39

Sergey Romanov · Accepted Answer · 2015-01-03 06:42:59Z

1

You do not have $scope.mustShow = ... defined
You do not need to use {{}} there. Just mustShow[answer._id]
I think what you Are trying to do is simple ng-show="answer._id"

answered Jan 3, 2015 at 6:42

Sergey Romanov

3,0905 gold badges26 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Peter Ashwell · Accepted Answer · 2015-01-03 06:47:06Z

1

Change your code to be as follows:

<a class="btn btn-xs" data-ng-click="showAddComment(answer._id);">
    Add Comment
</a><br />
<div class="col-md-12" ng-show="mustShow[answer._id]">

Having the '{{ }}' made it not defined. Read about https://docs.angularjs.org/guide/expression AngularJS expressions

edited Jan 3, 2015 at 6:47

answered Jan 3, 2015 at 6:40

Peter Ashwell

4,3022 gold badges20 silver badges22 bronze badges

1 Comment

Sergey Romanov Over a year ago

The error say that mustShow is undefined nit answer.

Collectives™ on Stack Overflow

Angular gives error when I am passing parameter in Angular

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related