通过类名称和属性值获取元素并在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');