Restrict By Role

(function(){
  angular.module('AppName')
    .directive('restrict', [function(){
        return({
            restrict: 'A',
            prioriry: 100000,
            scope: false,
            link: function(scope, element, attr) {
              var accessDenied = true;
              var role_code = scope.user.role_code;

              var attributes = attr.access.split(" ");
              for(var i in attributes){
                var attrs = attributes[i].split(',');
                if(attrs.indexOf(role_code) != -1){
                  accessDenied = false;
                }
              }

              if(accessDenied){
                element.children().remove();
                element.remove();
              }

            }
          })
    }]);
})();


//Html Code. 
//Access variable takes name of roles
<li restrict access=admin class="sub-menu">
    <a ui-sref="example.index">
      <span> Example </span>
    </a>
</li>