title: Angular Directive with "restrict" and without "restrict"
body: <p>I am confused with this directive definition object - (<code>restrict</code>).
  I created two functions, first is with <code>restrict</code>, and the other one is without <code>restrict</code>.</p>
  
  <p>As I run this code, both directives returned the same result.</p>
  
  <p><strong>With</strong> <code>restrict</code>:</p>
  
  <pre><code>app.directive 'helloWorld', -&gt;
    return {
  
      restrict: 'AE'
      link: (scope, elem, attrs) -&gt;
         console.log "HELLO WORLD"
  
    }
  </code></pre>
  
  <p><strong>Without</strong> <code>restrict</code>:</p>
  
  <pre><code>app.directive 'helloWorld', -&gt;
    return {
  
      link: (scope, elem, attrs) -&gt;
         console.log "HELLO WORLD"
  
    }
  </code></pre>
  
  <p>Can somebody tell me what's going on here? 
  PS: I am new in angular. Please, if you can help me with this it would really be appreciated.</p>