How to set the dynamic controller for directives?

Question

Talk is cheap, show my codes first:

HTML:

directive:

angular.modul         


        

Answer 1

1- you don't need to use: var parentElem = $(elem); as elem is a jquery element. This is similar to: $($('#myid'))

2- you can not dynamically assign a controller, because directive controller is instantiated before the prelinking phase.

The directive controller has access to attrs, so you can dynamically choose which internal function (functions inside your controller) according to the value of your attrs['addIcons']

ps. note attrs['addIcons'] is camel naming.