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.

It's related to: http://stackoverflow.com/questions/12629151/angulajs-directive-transclude-scope-false/12629786#12629786 — Guillaume86, Nov 02 '12 at 11:33
Thank you @Guillaume86. That works. Should I remove this topic? — hllau, Nov 02 '12 at 14:12
No problem, yes I guess you can delete it since it's a duplicate — Guillaume86, Nov 02 '12 at 14:16
+1 Guillaume, here and in your actual answer. I answered before I saw your comment. — Ben Lesh, Nov 02 '12 at 19:40

score 0 · Accepted Answer · answered Nov 02 '12 at 19:39

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.

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

1 Answers1

Linked