Use AngularJS expressions in Javascript controllers

Question

Is there some way to evaluate AngularJS expressions in the context of a controller, service, or directive, like a filter?

I rather like the fact that expressions are very elegant when mashing data, especially deeply nested objects with optional keys.

Something like:

$expression("[foo.bar.bar, foo.bar.baz, foo.bar] | lowercase", object);

AngularJS expression is functional code, it is not a statement. — zs2020
– zs2020, Commented May 23, 2014 at 17:11
@Husky: Did you take a look at my answer ? Did it solve the problem ? — gkalpak
– gkalpak, Commented May 31, 2014 at 8:01

gkalpak · Accepted Answer · 2014-05-23 16:58:49Z

2

You can use a filter in JS with the $filter service:

.controller('someCtrl', function ($filter, $scope) {
    $scope.lower = $filter('lowercase')('HELLO, WORLD !');
    // -> $scope.lower will be 'hello, world !'
});

If you don't want to use a filter, but evaluate an expression (although I can't think of any good reason), you can use $scope.$eval():

.controller('someCtrl', function ($scope) {
    $scope.someProp = 'HELLO, WORLD !';
    $scope.lower = $scope.$eval('someProp | lowercase');
    // -> $scope.lower will be 'hello, world !'
});

edited May 23, 2014 at 16:58

answered May 23, 2014 at 16:47

gkalpak

48.2k8 gold badges108 silver badges120 bronze badges

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

8 Comments

Husky Over a year ago

Yes, i know that. But how do i use an expression?

gkalpak Over a year ago

I am not sure I understand. See my updated answer. Is that what you mean ? Basically, anything that could appear inside {{ }} in the view, can be passed to $eval() (omitting the {{ }}).

tasseKATT Over a year ago

Maybe he means something like this: plnkr.co/edit/pJlFz4973sDUmhuF7WtY?p=preview

Scott Warren Over a year ago

I use $scope.$eval to get values using the expression syntax because it avoids lots of isDefined/!= null testing..

Husky Over a year ago

Thanks! $scope.$eval was indeed exactly what i was looking for. Like @ScottWarren said, it's a more elegant and easier syntax than just using raw JS.

|

Collectives™ on Stack Overflow

Use AngularJS expressions in Javascript controllers

1 Answer 1

8 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Related