Thank you very much, I'm so so so stupid... Thank god it's friday =)
Enjoy your weekend! 2014-02-14 12:43 GMT+01:00 Marc Loupias <[email protected]>: > > Hi, > > just add "scope: true" to your directive def object. > > Try this one to understand : > > (function() { > angular.module('app', []).directive('myMonkey', function() { > var obj; > return obj = { > restrict: 'E', > scope: true, > replace: true, > template: '<div>{{src}}<img ng-src="{{src}}" width="150"></div>', > link: function($scope, elem, attrs) { > > if (attrs.sad === void 0) { > return $scope.src = > ' > http://martouf.ch/utile/images/divers/2010_10_08_21_25_monkey-face-cartoon.png > '; > } else { > return $scope.src = > 'http://www.clker.com/cliparts/G/K/m/d/a/3/sad-monkey-face-2-md.png'; > } > > } > }; > }) > }()); > > and read this (scope part) : > > http://amitgharat.wordpress.com/2013/06/08/the-hitchhikers-guide-to-the-directive/ > > > Marc. > > > > On 14/02/2014 12:01, Bernhard Rode wrote: > > I have a simple directive myMonkey, which sets a image based on the > > > > which is used twice in a page. > > > > <my-monkey></my-monkey> > > <my-monkey sad></my-monkey> > > > > Angular shows two sad monkeys...but it should show a happy and a unhappy > > one. > > > > if we comment out the "<my-monkey sad></my-monkey>", a lucky monkey is > > being shown. > > > > if we change the order to > > > > <my-monkey sad></my-monkey> > > <my-monkey></my-monkey> > > > > then two lucky monkeys are being shown. > > > > What am I doing wrong? > > > > See my plunker for the example: > > > > http://plnkr.co/edit/fYBOJNnpV1EJv6AxSWXo?p=preview > > > > BTW. Yes, we really have a monkey directive in our production code ;) > > > > Greetz B. > > > > -- > 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. > -- Bernhard Rode M.Sc. (Master of Computer Science and Media) fon +49.171.5629409 mail [email protected] twitter @ebbo google+ *google.com/+BernhardRode <http://www.google.com/+BernhardRode>* twitter twitter.com/ebbo facebook facebook.com/bernhard.rode -- 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.
