angular js gridOptions

Question

I have a question.

In this code

{{gridOptions4[0].no}}

output is 1.

but in this code:

var i=0;
{{gridOptions4[i].no}}

output is no data.

Why is this value coming out?

That is because you have probably not made i as a class variable. You use angular or angularjs? — Ashish Ranjan
– Ashish Ranjan, Commented May 31, 2018 at 3:43

I. Ahmed · Accepted Answer · 2018-05-31 04:14:04Z

2

To get the value in your html file use $scope.i=0;, if you use var i = 0;, it means its local variable, in view it will not able to use the value of i. The following change will work for you:

$scope.i=0;
{{gridOptions4[i].no}}

answered May 31, 2018 at 4:14

I. Ahmed

2,5261 gold badge14 silver badges30 bronze badges

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

10 Comments

전준휘 Over a year ago

<div class="gallery"> <% for (var i=0; i < {{gridOptions4[i].name}}; i++) { %> <div class="{{gridOptions4[0].class}}"> <div class="gallery-item"> <a href="{{gridOptions4[0].main_href}}"> <div class="gallery-item-image"> <img ng-src="{{gridOptions4[0].imgsrc}}"></div> </a> <div class="gallery-item-description"> <p align="center">{{gridOptions4[0].name}}</p> </div> </div> </div> <% } %> </div>

전준휘 Over a year ago

but Unexpected token { in D:\OneDrive\디자인과제\1.개발 코드\1.Design_Web\views\concept.ejs while compiling ejs If the above error is not helpful, you may want to try EJS-Lint: github.com/RyanZim/EJS-Lint

전준휘 Over a year ago

full code is <div ng-app="myApp" ng-controller="BasicCtrl20"> <div class="posts"> <div class="gallery"> <% for (var i=0; i < {{gridOptions4[i].name}}; i++) { %> <div class="{{gridOptions4[i].class}}"> <div class="gallery-item"> <a href="{{gridOptions4[i].main_href}}"> <div class="gallery-item-image"> <img ng-src="{{gridOptions4[i].imgsrc}}"></div> </a> <div class="gallery-item-description"> <p align="center">{{gridOptions4[0].name}}</p> </div> </div> </div> <% } %> </div> </div>

I. Ahmed Over a year ago

<div ng-app="myApp" ng-controller="BasicCtrl20"> <div class="posts"> <div class="gallery"> <div ng-repeat = "gridoptions in gridOptions4"> <div class="{{gridOptions.class}}"> <div class="gallery-item"> <a href="{{gridOptions.main_href}}"> <div class="gallery-item-image"> <img ng-src="{{gridOptions.imgsrc}}"> </div> </a> <div class="gallery-item-description"> <p align="center">{{gridOptions.name}}</p> </div> </div> </div> </div> </div> </div>

I. Ahmed Over a year ago

<div ng-app="myApp" ng-controller="BasicCtrl20"> <div class="posts"> <div class="gallery"> <div ng-repeat = "gridoptions in gridOptions4"> <div class="{{gridOptions.class}}"> <div class="gallery-item"> <a href="{{gridOptions.main_href}}"> <div class="gallery-item-image"> <img ng-src="{{gridOptions.imgsrc}}"> </div> </a> <div class="gallery-item-description"> <p align="center">{{gridOptions.name}}</p> </div> </div> </div> </div> </div> </div> </div>

|

Collectives™ on Stack Overflow

angular js gridOptions

1 Answer 1

10 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related