How can I make the directive output nothing?

Question

Angular

jsfiddle.net/HB7LU/28043 The directive should output nothing
, depending on the condition , even itself. How to do it?)

Answer 1

In your html do like this:

<super-puper ng-repeat="x in data" ng-if="x != 3"></super-puper>

Answer 2

You can, as @Mikhail Serenkov wrote, or you can remove the template in the directive, or something like that

myApp.directive('superPuper', function() {
  return {
        restrict: 'E',
        replace: true,
        link: function($scope, element, attrs) {
       		var val = $scope.x;
          if(val !== 3) {
          	//Ничего не выводим!!!
            var li = angular.element('<li>');
            li[0].textContent = val;
            element.append(li);
          }
        	
       }   		
   }
})