Parse:syntax error running angular code inside directives

Question

The following code is giving me Error: [$parse:syntax] in console.

          <ul class="nav navbar-nav" ng-repeat="webpage in first.webpages">
            <li><a  href ng-click="tab = {{webpage.id}}">{{webpage.name}}</a></li>
          </ul>

ng-repeat is properly working for {{webpage.name}} only, not for {{webpage.id}} which is placed inside ng-click directive. When I try to print {{tab}} nothing shows up.

Logar · Accepted Answer · 2014-08-23 20:31:31Z

1

I believe you don't need double braces inside angular elements. And you need to call the parent scope when in ng-repeat :

ng-click="$parent.tab = webpage.id"

edited Aug 23, 2014 at 20:31

answered Aug 23, 2014 at 17:32

Logar

1,2489 silver badges19 bronze badges

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

3 Comments

Logar Over a year ago

Alright, you're actually in the wrong scope when using tab in ng-repeat. To get it in your main scope, use $parent.tab.

Gursimran Over a year ago

thanks, {{tab}} works inside the tag with ng-repeat only. Why its scope its only under ng-repeat only. I am going to use "ng-show="tab === 1" out of ng-repeat's scope, how to do it?

Logar Over a year ago

If you use $parent.tab in your ng-click, you should be able to grab it from outside the ng-repeat with {{tab}}

Wawy · Accepted Answer · 2014-08-23 17:32:47Z

1

It should be:

      <ul class="nav navbar-nav" ng-repeat="webpage in first.webpages">
        <li><a  href ng-click="tab = webpage.id">{{webpage.name}}</a></li>
      </ul>

You don't need to interpolate anything when you are inside ng-click since it does it for you.

answered Aug 23, 2014 at 17:32

Wawy

6,2692 gold badges26 silver badges24 bronze badges

1 Comment

Gursimran Over a year ago

Not working, I get <a href="" ng-click="tab = webpage.id" class="ng-binding">Home</a> when I inspect the element using Chrome's dev tools. printing {{tab}} also shows nothing.

Collectives™ on Stack Overflow

Parse:syntax error running angular code inside directives

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related