Q-Directives

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Q-Directives</title> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-36431088-2', 'wingify.com'); </script>  <script type='text/javascript'> var _vwo_code=(function(){ var account_id=196, settings_tolerance=2000, library_tolerance=2500, use_existing_jquery=false, // DO NOT EDIT BELOW THIS LINE f=false,d=document;return{use_existing_jquery:function(){return use_existing_jquery;},library_tolerance:function(){return library_tolerance;},finish:function(){if(!f){f=true;var a=d.getElementById('_vis_opt_path_hides');if(a)a.parentNode.removeChild(a);}},finished:function(){return f;},load:function(a){var b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerror=function(){_vwo_code.finish();};d.getElementsByTagName('head')[0].appendChild(b);},init:function(){settings_timer=setTimeout('_vwo_code.finish()',settings_tolerance);this.load('//dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&r='+Math.random());var a=d.createElement('style'),b='body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}',h=d.getElementsByTagName('head')[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b;else a.appendChild(d.createTextNode(b));h.appendChild(a);return settings_timer;}};}());_vwo_settings_timer=_vwo_code.init(); </script>  <link href="/css/bootstrap.css" rel="stylesheet"> <style> @import url("https://fonts.googleapis.com/css?family=Lato:300,100,300italic,400"); @import url("https://fonts.googleapis.com/css?family=Source+Code+Pro:300,300italic,400"); @import url("css/styles.css"); @import url("css/hljs.css"); </style> <script src="js/script.js"></script> <script src="js/highlight.js"></script> <script src="js/marked.js"></script> <script> hljs.configure({ tabReplace: ' ' }); </script> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script> </head> <body> <div> <header class="header"> <div class=" flexbox flexbox--fixed flexbox--centered" style="width:100%; height:auto"> <a href="/" class="flexbox__item" style="width:40px; text-align: left"> <img class="flexbox__item" src="https://wingify.com/wp-content/themes/wingify/images/labs/engg_blog.png" style="width: 30px; height: 30px; margin-right: 20px"> </a> <a href="/" class="flexbox__item site-title"> <h1 style="color: #2c3e50;margin: 0; font-size: 20px;">Wingify Engineering</h1> </a> <div class="flexbox__item nav-container"> <ul class="nav nav-pills nav-main" style="float: right;"> <li class="flexbox__item"><a href="https://github.com/wingify" title="Github">GitHub</a></li> <li class="flexbox__item"><a href="/posts/" class="{% if page.url == '/posts/' %}active{% endif %}">Posts</a></li> <li class="flexbox__item"><a href="/labs/" class="{% if page.url == '/labs/' %}active{% endif %}">Labs</a></li> <li class="flexbox__item"><a href="/about/" class="{% if page.url == '/about/' %}active{% endif %}">About</a></li> <li class="flexbox__item"><a href="/atom.xml">Feed</a></li> </ul> </div> </div> </header> <div class="container-narrow"> <div class='main-container clearfix' style="padding:0;"> <div class="page-header" style="position: relative"> <img src="/images/speed@2x.png" style="float:left; margin-right:20px;" width="110" height="110"> <h1><a href='#'>q-directives</a></h1> <span>A faster directive system for Angular.js</span> <a href="https://github.com/wingify/q-directives"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a> </div> <div class="flexbox docs-container flexbox--fixed"> <div class="flexbox__item text--right" style="width: 300px;background: #fbfbfb;"> <nav> <ul class="nav nav-stacked docs"> <li><a class='active' href='/q-directives/introduction'>Introduction</a></li> <li><a href='/q-directives/setting-up'>Setting Up</a></li> <li><a href='/q-directives/basic-usage'>Basic Usage</a></li> <li><a href='/q-directives/life-cycle-of-a-q-directive'>Life Cycle of a Q-Directive</a></li> <li><a href='/q-directives/performance-benchmarks'>Performance Benchmarks</a></li> <li><a href='/q-directives/writing-custom-q-directives'>Writing Custom Q-Directives</a></li> <li><a href='/q-directives/api-reference'>API Reference</a></li> </ul> </nav> <script>parseAnchors()</script> </div> <div class="flexbox__item content" style="width: 75%;"> <script>includeContent()</script> </div> </div> </div> </div> <br> <div class="footer"> <p style="font-size: 12px; text-align: center;"> © 2013-2014 <a href="/">Wingify Engineering</a> </p> </div> </div>  </body> </html>

CINXE.COM

Q-Directives