ng-app中的三元运算符？

Question

Iam working on a component in AEM. I have components with independent ng-app for each component since Iam having multiple websites in each package and using the same components across various websites.

Now when I drag and drop a component multiple times in a same page. Only one component is working. I sense it is coz of having same ng-app name. May I know how can I overcome it. Coz., even though the component is same., based on requirement., we had to make differnt API call and get data respect to that section in view.

Iam having an idea of using ternary operator inside ng-app like this

 ng-app="{{ apiType ? type1 : type2 }}"

But not sure ternary operator fires before ng-app declaration.

Any Ideas

Here is the sample plnkr based on inputs I received.

plnkr code here

Answer 1

I got the issue resolved by adding loop to calculate the number of componets being dragged and appending unique ID (ng-app value) using for loop.

[code here][1]

code here