Using `ng-model` within a transcluded directive in AngularJS

Question

Is there anyway I can use use ng-model within a transclusion of a directive?

I have posted the code here: http://plunker.no.de/edit/XWAUp7?live=preview

I look forward to somebody to give me advice.

Thank you @Guillaume86. That works. Should I remove this topic? — hllau
– hllau, Commented Nov 2, 2012 at 14:12
No problem, yes I guess you can delete it since it's a duplicate — Guillaume86
– Guillaume86, Commented Nov 2, 2012 at 14:16
+1 Guillaume, here and in your actual answer. I answered before I saw your comment. — Ben Lesh
– Ben Lesh, Commented Nov 2, 2012 at 19:40

Ben Lesh · Accepted Answer · 2012-11-02 19:39:26Z

0

It's because you're passing around a primitive type. If you use a reference type, like an object or an array, it will work a lot better. I've changed your plunk here this demo

Notice I had to pass an object into fOuter to make it work. Likewise, on fInner, if the primitive is the child of an object, it works both ways.

EDIT: Looks like Guillaume86 answered in the comments. Same answer, really.

answered Nov 2, 2012 at 19:39

Ben Lesh

109k47 gold badges251 silver badges233 bronze badges

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

Collectives™ on Stack Overflow

Using `ng-model` within a transcluded directive in AngularJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related