Add JavaScript logic in dynamically loaded template AngularJS

Question

I'm dynamically loading templates which is working fine. Now my concern is I need to add a JavaScript logic to template

I need to use something like this in my template.

{{ var entries = 0; }}
{{ for(var r = 0; r < d; r++) }}

Suppose my template returns this HTML

<div ng-repeat="x in names" ><span>{{x.name}}</span>{{some logic here which is plain js. var a=[] if(a=b){}}}</div>

My question is how to achieve this.

i need too add this code in my json. i know ng-reapeat will repeat all the data in it — Sameer
– Sameer, Commented Dec 22, 2016 at 10:26

Akshay Kumar · Accepted Answer · 2016-12-22 10:24:17Z

2

<div ng-repeat="entry in entries track by $index">
    {{entry}},{{$index}}
  </div>

answered Dec 22, 2016 at 10:24

Akshay Kumar

5762 silver badges10 bronze badges

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

Comments

CozyAzure · Accepted Answer · 2016-12-22 10:21:58Z

1

Use ng-repeat.

  <div ng-repeat="entry in entries">
    {{entry}}
  </div>

If you need the index:

  <div ng-repeat="entry in entries">
    {{entry}},{{$index}}
  </div>

Docs: https://docs.angularjs.org/api/ng/directive/ngRepeat

answered Dec 22, 2016 at 10:21

CozyAzure

8,4987 gold badges39 silver badges56 bronze badges

Comments

Ved · Accepted Answer · 2016-12-22 10:23:17Z

1

<div ng-init="entries[0,1,2,3,4]">//Use ng-int to initialize data

<div ng-repeat="data in entries">// use ng-repeat to loop over
    {{data}}
  </div>

</div>

answered Dec 22, 2016 at 10:23

Ved

12.1k5 gold badges46 silver badges61 bronze badges

Collectives™ on Stack Overflow

Add JavaScript logic in dynamically loaded template AngularJS

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related