Hi all,
I'm trying out something with directives which i haven't been using at all
yet (so bear with me). I'm trying to create my custom popup directive for
some easy popup dialogs. Now i'd like to keep my functionality from the
controller inside the popup as this is easier for me to maintain as i'm
gonna need some functions from the controller inside the popup and some
values too. Basically i'm retrieving JSON data and use the controller to
fill in my view on different locations. I've also got a submit-function in
my controller already, so you can see why i'd like to use the transclude on
my directive.
Now i also want to add a title and a size of the popup to my directive
attributes so i can do something like this:
<popup title="my title" width="large">
The contents of my popup and calling some stuff from the parent scope.
</popup>
Now in my template i want to use something like this (just quick n dirty):
<div class="popup" ng-class="{size: popup-size}">
<div class="title">{{title}}</div>
<div class="content" ng-transclude="true"></div>
</div>
Of course i could make a separate directive for every popup i need but that
seems like a weird move.
Now i know i can make a separate scope for the directive and add the title
or size there but then i lose the ability to use my parent scope functions
and values. And i'm not really looking to duplicate code or move it all
around just for my popups.
So does anybody know how to do this?
I'm pretty new to directives and i've searched around but couldn't find
anything that looks similar to my example of using both transclude with
additional scope values. And i also don't have a clue on how to
specifically target a certain directive to fill it in from my controller
(like popup[1].data ...).
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
