CSS 伪元素不适用于 ng-repeat？

Question

我正在列出一些带有 ng-repeat 的图像，并想在其后应用一些伪 class 内容。

这是我的fiddle：https://jsfiddle.net/Noitidart/y7dxa6n8/11/

这是代码：

<style>
    body {background-color:steelblue;}
    img::after { content: 'rawr'; size:100px; color:red; }
</style>
<div ng-app="myApp">
  <div ng-controller="MyController as mc">
    <img ng-repeat="aSrc in mc.arr" ng-src="{{aSrc}}"/>
  </div>
</div>

控制器：

var myApp = angular.module('myApp', ['ngCookies']);

myApp.controller('MyController', [function($cookie) {
           this.arr = ['https://jsfiddle.net/img/logo.png']
}]);

但是伪 class 不会工作。这很奇怪。

Answer 1

与angularng-repeat

无关

只检查 <img /> 没有 angular 并检查 ::before

喜欢

<img src="https://jsfiddle.net/img/logo.png">

img::after { content: 'rawr'; size:100px; color:red; }

它不起作用，因为大多数浏览器不支持 ::before、::after img 元素

检查this

CSS 伪元素不适用于 ng-repeat？

CSS Pseudo Elements do not work with ng-repeat?

pseudo-element

angularjs