javascript - Angularjs directive for definite <div> -

i started learning angularjs. find script change font size script change tags <p> on page. how change <p> in <div class="items-list">?

myapp.directive('textsizeslider', ['$document', function ($document) { return {     restrict: 'e',     template: '<div class="text-size-slider"><span>Увеличение шрифта</span><input type="range" min="{{ min }}" max="{{ max }}" step="{{ step || 0 }}" ng-model="textsize" class="slider" value="{{ value }}" /></div>',     scope: {         min: '@',         max: '@',         unit: '@',         value: '@',         step: '@'     },     link: function (scope, element, attr) {         scope.textsize = scope.value;          scope.$watch('textsize', function (size) {             $document[0].body.style.fontsize = size + scope.unit;         });     } } 

}]);

  <text-size-slider min="12" max="24" unit="px" value="18" step="0"> 

in watch function can element of class name , in can apply changes. this

 scope.$watch('textsize', function (size) {       var elementresult = element[0].getelementsbyclassname('items-list');             elementresult.style.fontsize = size + scope.unit;    });