title: Angular directive with routeParams
body: <p>Can the following pattern be replaced:</p>
  
  <pre><code>.directive('currentStep', ['$log', function($log) {
      return {
          restrict: 'A',
          link: function(scope, element, attrs){
              $log.log("tmsstep is: " + scope.tmsstep);
              return attrs.currentStep === scope.tmsstep;
          }
      };
  }]);
  </code></pre>
  
  <p>To access the routeParams directly something like (which doesn't seem to work):</p>
  
  <pre><code>.directive('currentStep', ['$log', '$routeParams' , function($log) {
      return {
          restrict: 'A',
          link: function(scope, element, attrs){
              $log.log("tmsstep is: " + $routeParams.tmsstep);
              return attrs.currentStep === $routeParams.tmsstep;
          }
      };
  }]);
  </code></pre>
  
  <p>The purpose is to avoid having tmsstep in both $scope and $routeParams</p>