title: Angularjs - Pass argument to directive
body: <p>Im wondering if there is a way to pass an argument to a directive?</p>
  
  <p>What I want to do is append a directive from the controller like this:</p>
  
  <pre><code>$scope.title = "title";
  $scope.title2 = "title2";
  
  angular.element(document.getElementById('wrapper')).append('&lt;directive_name&gt;&lt;/directive_name&gt;');
  </code></pre>
  
  <p>Is it possible to pass an argument at the same time so the content of my directive template could be linked to one scope or another?</p>
  
  <p>here is the directive:</p>
  
  <pre><code>app.directive("directive_name", function(){
      return {
          restrict:'E',
          transclude:true,
          template:'&lt;div class="title"&gt;&lt;h2&gt;{{title}}&lt;/h3&gt;&lt;/div&gt;',
          replace:true
      };
  })
  </code></pre>
  
  <p>What if I want to use the same directive but with $scope.title2?</p>