Javascript Angularjs明确指令<；部门>；

我刚开始学习angularjs。我找到了更改字体大小的脚本，但该脚本更改了第页上的所有标记。如何仅在

中更改

myApp.directive（'textSizeSlider'，['$document'，函数（$document）{
返回{
限制：'E'，
模板：'，
范围：{
最小：“@”，
马克斯：“@”，
单位：‘@’，
值：'@'，
步骤：“@”
},
链接：功能（范围、元素、属性）{
scope.textSize=scope.value；
范围：$watch（'textSize'，函数（大小）{
$document[0].body.style.fontSize=size+scope.unit；
});
}
}

}]))

---

在watch函数中，您可以获得该类名的元素，并且可以应用更改。像这样

 scope.$watch('textSize', function (size) {
      var elementResult = element[0].getElementsByClassName('items-list');
            elementResult.style.fontSize = size + scope.unit;
   });

---

在watch函数中，您可以获得该类名的元素，并且可以应用更改。像这样

 scope.$watch('textSize', function (size) {
      var elementResult = element[0].getElementsByClassName('items-list');
            elementResult.style.fontSize = size + scope.unit;
   });

---

尽管您最好仅使用CSS来实现此目的，但以下是如何将其限制在活动范围内：

scope.$watch(function() {
  return scope.textSize;
}, function(newTextSize, oldTextSize) {

  var paragraphs = element[0].querySelector('.items-list').getElementsByTagName('p');

  var length = paragraphs.length,
      p, i;

  for (i = 0; i < length; i++) {

    p = paragraphs[i];

    p.style.fontSize = size + scope.unit;
  };
});

scope.$watch（函数（）{
返回scope.textSize；
}，函数（newTextSize，oldTextSize）{
变量段落=元素[0]。查询选择器（'.items list'）。getElementsByTagName（'p'）；
变量长度=段落长度，
p、 一,；
对于（i=0；i

尽管您最好只使用CSS，但以下是如何将其限制在活动范围内：

scope.$watch(function() {
  return scope.textSize;
}, function(newTextSize, oldTextSize) {

  var paragraphs = element[0].querySelector('.items-list').getElementsByTagName('p');

  var length = paragraphs.length,
      p, i;

  for (i = 0; i < length; i++) {

    p = paragraphs[i];

    p.style.fontSize = size + scope.unit;
  };
});

scope.$watch（函数（）{
返回scope.textSize；
}，函数（newTextSize，oldTextSize）{
变量段落=元素[0]。查询选择器（'.items list'）。getElementsByTagName（'p'）；
变量长度=段落长度，
p、 一,；
对于（i=0；i

这是针对css样式的作业，而不是针对指令的作业。这是针对css样式的作业，而不是针对指令的作业。我有错误--TypeError:无法设置未定义的属性“fontSize”我有错误--TypeError:无法设置未定义的属性“fontSize”