Plug angularjs directive into component

Question

I currently have a generic list component and I want to add, depending on where I use it, different callbacks for adding/removing/updating items to that list.

My current implementation looks like this:

<div list-callback1>
    <generic-list
        add-callback="listCallback1.add()"
        update-callback="listCallback1.add(id, name)"
        delete-callback="listCallback1.delete(id)"></generic-list>
</div>

My question:

Is there a way to decrease nesting? Because when I add the directive directly to my component I get a compile error.

It's not so clear what you are trying to achieve with the code, can you add a working fiddle? Besides, make sure you prompt the compile error angularjs threw. — lenilsondc
– lenilsondc, Commented Nov 22, 2018 at 10:13

Domenik Reitzner · Accepted Answer · 2018-11-26 14:37:17Z

0

Ok, it was a different problem.

I had scope: true in my list-callback1 directive.

After removing that, all works fine. Thanks for the help

Sorry I couldn't post more code, but I am restricted by my employer ;)

answered Nov 26, 2018 at 14:37

Domenik Reitzner

1,6131 gold badge16 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

Plug angularjs directive into component

My question:

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

My question:

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related