Directive In Ionicmodal Complies First, Before Even Controller Loaded

I have a $ionicModal and inside that I have a directive, lets call it , this takes in the a two way data bind value of a scope object. This is inside a $io

Solution 1:

The only work around I managed to create is to stop the compile function to ever reaching the Modal's directive. Using a ng-if and wrapping the directive with a div.

In the Modal's template :

<div ng-if="updates"> <scrap-link-cards datasource=(updates.update_links)> </scrap-link-cards> </div>

This way the complier leaves the directive and only complies when the user opens the modal.