javascript - 在 AngularJS 中通过类名和属性值获取元素并设置 CSS

Question

我有一个指令:

class LkfsSliderDirective {

constructor() {
    this.restrict = "E";
    this.templateUrl = "./controls/lkfsSlider/lkfsSliderTemplate.html";
    this.controller = 'LkfsSliderController';
    this.controllerAs = 'slider';
    this.replace = true;
    }

    link(scope, element, attrs) {

    }
}

export default LkfsSliderDirective;

在 HTML 中:

<img ng-src="{{slide.image}}" class="lkfs-slider-slide" alt="" id="{{slide.id}}" ng-repeat="slide in slider.slides"/>

我想通过具有特定 id 的类名(例如 = 0)获取 img 标签并设置 CSS(display: block)。

我尝试了很多方法但没有任何效果，例如:

var elem = document.getElementsByTagName("img")[0];
angular.element(elem).css('display', 'block');

也在链接中。

有什么想法吗？

Answer 1

只需使用 document.getElementById() 选择具有特定 ID 的元素:

var elem = document.getElementById("0");
angular.element(elem).css('display', 'block');