css is not a function on existing element in AngularJS

Question

We have a piece of code that suppose to manipulate an existing element.

It looks like this:

[this.box] = angular.element('#pop-box-' + this.$scope.$id);
this.box.css({...});

Debugging this, the box is found properly and it is the right element. However, I am getting an error that css is not a function. Based on the docs https://docs.angularjs.org/api/ng/function/angular.element, the element should have that available.

In our case, jQuery is also in the project.

What am I missing?

can you put your relevant code in stackblitz fork and post link:stackblitz.com/edit/angularjs — לבני מלכה
– לבני מלכה, Commented Feb 3, 2019 at 7:28
@LuninRoman It is a destructuring assignment, it extracts the first element from an array, see: deadcoderising.com/… — ProgrammerPer
– ProgrammerPer, Commented Feb 3, 2019 at 8:18

Serene Abraham Mathew · Accepted Answer · 2019-02-03 07:29:19Z

0

Wrap your element in $()

$(this.box).css({...});

answered Feb 3, 2019 at 7:29

Serene Abraham Mathew

3884 silver badges18 bronze badges

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

1 Comment

Serene Abraham Mathew Over a year ago

Post your Code please

Collectives™ on Stack Overflow

css is not a function on existing element in AngularJS

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related