Can I pass a scope variable from AngularJS into LESS

Question

I have a variable defined in my AngularJS that counts the length of my array e.g. "array.length". I want to pass this into my LESS file as a variable e.g. @length = "array.length" so that I can use it change another class or variable...

Is this possible? If so how?

what do you want to do in your css with the array.length variable? — bekite
– bekite, Commented Nov 6, 2013 at 0:46

Jim Garrison · Accepted Answer · 2013-11-06 01:24:39Z

1

AngularJS executes within the browser. LESS is processed on the server, before it is sent to the browser. So, there is no direct way of accessing an AngularJS variable from LESS.

The best way forward, most likely, would be to set some CSS properties directly within the javascript code based on array.length.

answered Nov 6, 2013 at 1:24

Jim Garrison

4,2764 gold badges28 silver badges40 bronze badges

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

1 Comment

steveax Over a year ago

You can also use LESS on the client side but I wouldn't recommend it for production.

Community · Accepted Answer · 2017-05-23 10:24:19Z

0

There is no such thing, as explained by Jim Garrison. You could always use ng-class, however. It is a directive you can use for setting a CSS class through AngularJS; in this way you can choose which class you want to use for your element, and update it via AngularJS listeners.

edited May 23, 2017 at 10:24

CommunityBot

11 silver badge

answered Jul 21, 2015 at 17:10

Alessandro Flati

3335 silver badges12 bronze badges

Collectives™ on Stack Overflow

Can I pass a scope variable from AngularJS into LESS

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related