title: Use of symbols '@', '&', '=' and '>' in custom directive's scope binding: AngularJS
body: <p>I have read a lot about the use of these symbols in the implementation of custom directives in AngularJS but the concept is still not clear to me.</p>
  <p>What does it mean if I use one of the scope values in the custom directive?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var mainApp = angular.module("mainApp", []);
  mainApp.directive('modalView',function(){
    return{
       restrict:'E',
       scope:'@' OR scope:'&amp;' OR scope:'=' OR scope:'&gt;' OR scope:true
    }
  });</code></pre>
  </div>
  </div>
  </p>
  <p>What exactly are we doing with the scope here?</p>
  <p><strike>I am also not sure whether <code>&quot;scope:'&gt;'&quot;</code> exists in the official documentation or not. It's been used in my project.</strike> (The use of <code>&quot;scope:'&gt;'&quot;</code> was an issue in my project and It has been fixed.)</p>