AngularJS - scope variable syntax in html

Question

In AngularJS, I want to use a scope variable defined in Javascript as 'propertySkipCount' in the HTML. I tried with {{propertySkipCount}} and also directly as propertySkipCount, but both does not work.

It only works if I substitute the variable with value like 1.

Javascript

 $scope.propertySkipCount = 1;

HTML

                <div class="form-group" ng-repeat="property in entity.entityPropertyTypes" ng-if="$index > propertySkipCount">



                <div class="form-group" ng-repeat="property in entity.entityPropertyTypes" ng-if="$index > {{propertySkipCount}}">

Update:

I want the code to look like below after substitution. If I hard code like below it works.

 <div class="form-group" ng-repeat="property in entity.entityPropertyTypes" ng-if="$index > 1">

Plunker

http://plnkr.co/edit/wMKa1dbeVNz3WfUojmjR?p=info

1st method should work. Can your create a plunker?

Tarun Dugar
– Tarun Dugar

2015-11-19 11:16:10 +00:00
Commented Nov 19, 2015 at 11:16 — Tarun Dugar
– Tarun Dugar, Commented Nov 19, 2015 at 11:16

Sudharsan S · Accepted Answer · 2015-11-19 11:17:06Z

1

The first method is works fine please check

<div class="form-group" ng-repeat="property in entity.entityPropertyTypes" ng-if="$index > propertySkipCount">

edited Nov 19, 2015 at 11:17

answered Nov 19, 2015 at 11:10

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

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

2 Comments

Tarun Dugar Over a year ago

He wants the variable inside ng-if and not print it in html.

Jay Over a year ago

Thanks will add Plunker.. vachitaanya aapu

Vivek · Accepted Answer · 2015-11-19 11:22:36Z

1

<div class="form-group" ng-repeat="property in entity.entityPropertyTypes" ng-if="$index > propertySkipCount"> Test {{propertySkipCount}}</div>

Above code should work.

edited Nov 19, 2015 at 11:22

answered Nov 19, 2015 at 11:21

Vivek

13.6k19 gold badges101 silver badges139 bronze badges

1 Comment

Jay Over a year ago

Thanks, that's just a code fragment I put. I have already closed in my application.

super cool · Accepted Answer · 2015-11-19 11:36:53Z

1

code looks fine . It should work , problem maybe with version you are currently using .

view:

<div ng-app>
  <h2>Todo</h2>
  <div ng-controller="TodoCtrl">
    <div class="form-group" ng-repeat="property in entityPropertyTypes" ng-if="$index > propertySkipCount">Hello ...! ++  {{$index}}</div>
  </div>
</div>

works fine with Angular 1.2.1

Not working as expected with Angular 1.1.1

answered Nov 19, 2015 at 11:36

super cool

6,0653 gold badges34 silver badges67 bronze badges

2 Comments

Jay Over a year ago

Thanks I am using Angular 1.4.6

super cool Over a year ago

@Jay glad i could help buddie . are you sure you marked the right one as answer . cheers

Collectives™ on Stack Overflow

AngularJS - scope variable syntax in html

3 Answers 3

2 Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related