Angular - Expression with in Expression

Question

I am trying to use expression with in expression as below.

is it possible to resolve expression within expression with double braces?

<body>

<div ng-app="" ng-init="names=[
{name:'Jani',exp:'{{10>20}}'},
{name:'Hege',exp:'{{abc>20}}'},
{name:'Kai',exp:'{{10==20}}'}]">

<p>Looping with objects:</p>
<ul>
  <li ng-repeat="x in names">
  {{ x.name + ', ' + {{x.exp}} }}</li>
</ul>

</div>

</body>

Check this out Link Answer

ZombieChowder
– ZombieChowder

2017-02-27 21:09:21 +00:00
Commented Feb 27, 2017 at 21:09 — ZombieChowder
– ZombieChowder, Commented Feb 27, 2017 at 21:09

abdoutelb · Accepted Answer · 2017-02-27 21:08:44Z

0

you can evaluate via ng-if statment OR Via ternary expression

EX: {{10 > 20 ?"Yup":"No"}}

answered Feb 27, 2017 at 21:08

abdoutelb

1,0631 gold badge15 silver badges34 bronze badges

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

Comments

ChrisG · Accepted Answer · 2017-02-27 21:11:35Z

0

It is best practice to avoid using ng-init in this manner. You should handle all variable initialization inside of the controller. You also shouldn't be trying to evaluate arbitrary expressions in angular, you should know what you're trying to do. If you provide more information on what you are trying to accomplish, we could help with that.

That being said, you can evaluate an arbitrary string as an angular expression using $eval.

{{ x.name + ', ' + $ctrl.$eval(ex.exp) }}

https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$eval

answered Feb 27, 2017 at 21:11

ChrisG

2,9781 gold badge20 silver badges20 bronze badges

4 Comments

divya reddy Over a year ago

Thanks Fusion , I just ng-init to explain issue which I am facing, in actual code what I am trying , the data comes from controller with http get service, I am stuck resolving expression inside expression

ChrisG Over a year ago

Why are you having these expressions? It would probably be best to perform the logic when you receive the data from the service.

divya reddy Over a year ago

Problem is, I am using attribute of a directive and trying to resolve the expression in ng-class with expression in expression .. something like ng-class={'active': {{sal > 10}} }

ChrisG Over a year ago

Does the inside expression change? You could use the onInit function to evaluate the expression in the controller

Collectives™ on Stack Overflow

Angular - Expression with in Expression

2 Answers 2

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related