Just wrote my first custom directive that uses transclusion.
It provides a modal dialog using Twitter Bootstrap.
However, when I include elements inside it instead of just text
the elements render on the main page instead of inside the dialog.

For example, this works:
<dialog title="Foo">
  some text
</dialog>

but this does not:
<dialog title="Foo">
  <div>some text</div>
</dialog>

I assumed that using ng-transclude in the template of the directive, along
with transclude: true, pulls in all the content of the element on which the
directive is applied, but that isn't working for me.

Maybe I need to create a plunker, but doesn't anyone recognize the issue
without one?

-- 
R. Mark Volkmann
Object Computing, Inc.

-- 
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/groups/opt_out.

Reply via email to