Directives are my major fear in angular

[Christian Nwamba]

Hi peeps!

I feel am the biggest lover of angular and it's my favourite developer tool. The only problem is that I get limited when I want to use external or custom tools and make use of a reusable component.  I know this is my inability to harness the potentials of directives but I have been trying my best but not just getting it right yet.

Can anyone help me with perfect article(s) that will make angular directives be my best friend.

Definitely you should know I have seen the tutorial and examples on angular website.

Thanks and Regards!

Chris

[Luke Kende]

I'd say start small and then build up to the more complex directives.  Here's the simplest one I've built.  It only requires a returning an object with a linking function.  Following the syntax pattern, all you have to worry about is that the linking function is called when angular compiles the directive on your element.

.directive('fallbackSrc',[ 

function(){

return {

link: function(scope,element,attrs){

element.bind('error', function(e){

element.attr('src', attrs.fallbackSrc)

})

}

}

}

])

<img src="/some/image.png" fallback-src="/another/fail-safe-image.png">

Inside the function, "element" is a jquery-lite wrapped object so jquery's functionality is already there.  All it does is on the error event, is set the element's src attribute to the fallbackSrc attribute.

You can keep reading tutorials until your heart is content, but I gained real understanding by jumping in, copying others ideas, then tweaking it, etc, until the pieces bean to make more sense.

Good luck!

[nwambac...@gmail.com]

Ok. Thanks Luke Kende. I appreciate.

Regards Chris

From: Luke Kende Sent: Thursday, April 16, 2015 5:55 AM To: ang...@googlegroups.com Reply To: ang...@googlegroups.com Subject: [AngularJS] Re: Directives are my major fear in angular

--
You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/7zML31SsyaY/unsubscribe.
To unsubscribe from this group and all its topics, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.