CSS 의사 요소가 ng-repeat에서 작동하지 않습니까?

Noitidart

ng-repeat로 일부 이미지를 나열하고 그 뒤에 일부 콘텐츠가있는 의사 클래스를 적용하고 싶습니다.

여기 내 바이올린이 있습니다 : 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']
}]);

그러나 의사 클래스는 작동하지 않습니다. 이것은 매우 이상합니다.

Kalhan. Toress

각도의 문제가 아닙니다 ng-repeat

단지 확인 <img />각도없이하고 확인::before

처럼

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

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

그뿐만 지원하기 때문에 대부분의 브라우저의 작동하지 않는 ::before, ::afterimg요소

이것을 확인

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

JSON에서 두 개의 동일한 중첩 된 ng-repeat 필터-하나가 작동하지 않습니까?

분류에서Dev

사용자 지정 지시문에서 개체 배열의 ng-repeat가 작동하지 않습니다.

분류에서Dev

Angular ng-repeat $ index가 Mozilla Firefox의 ng-if 지시문에서 작동하지 않습니다.

분류에서Dev

ng-if가 요소에서 사용되는 경우 getElementByID가 각도에서 작동하지 않습니다.

분류에서Dev

ng-repeat가 iOS에서 작동하지 않습니다.

분류에서Dev

CSS 전환이 의사 요소에서 작동하지 않습니다.

분류에서Dev

Angularjs-ng-repeat가 단일 배열에서 작동하지 않습니까?

분류에서Dev

dirPaginate가 ng-repeat-start에서 작동하지 않습니다 (확장 가능한 테이블의 경우)

분류에서Dev

ng-view 내의 요소에서 작동하지 않는 jQuery

분류에서Dev

ng-view 내의 요소에서 작동하지 않는 jQuery

분류에서Dev

CSS가 요소 검사에 표시되지 않습니까?

분류에서Dev

CSS 애니메이션 stlye가 flexbox 내부의 div 요소에서 작동하지 않습니다.

분류에서Dev

CSS 의사 요소 :: before가 제대로 작동하지 않습니다.

분류에서Dev

ng-repeat div 내의 테이블에 대한 ng-repeat가 사용자 지정 필터링 된 데이터에서 예상대로 작동하지 않음

분류에서Dev

CSS Hover가 절대 위치 요소의 계층 구조에서 작동하지 않습니다.

분류에서Dev

CSS Hover가 절대 위치 요소의 계층 구조에서 작동하지 않습니다.

분류에서Dev

하위 배열에 대한 ng-repeat가 작동하지 않습니까?

분류에서Dev

AngularJS ng-repeat가 Promise.all에서 작동하지 않습니다.

분류에서Dev

ng-repeat가 스크립트 블록에서 작동하지 않습니다.

분류에서Dev

ng-repeat가 MEAN 스택에서 작동하지 않습니다.

분류에서Dev

Angular ng-repeat가 $ http.post에서 작동하지 않습니다.

분류에서Dev

CSS : 호버 의사가 탐색 항목에서 작동하지 않습니다.

분류에서Dev

일부 영역에서 사용자 정의 CSS 커서가 작동하지 않습니까?

분류에서Dev

CSS가 jsp의 ID에서 작동하지 않습니다.

분류에서Dev

AngularDart 구성 요소는 ng-repeat에서 작동하지 않지만 다른 태그는 작동합니다.

분류에서Dev

CSS는 사용자 정의 fxml 구성 요소에서 작동하지 않습니다.

분류에서Dev

ng-repeat에서 사용할 때 li에서 ng-click이 작동하지 않습니다.

분류에서Dev

ng-mouseenter 및 ng-mouseleave가 ng-repeat 루프 내에서 작동하지 않습니다.

분류에서Dev

ng-repeat 사용자 지정 필터로 Typescript 메서드가 예상대로 작동하지 않습니다.

Related 관련 기사

  1. 1

    JSON에서 두 개의 동일한 중첩 된 ng-repeat 필터-하나가 작동하지 않습니까?

  2. 2

    사용자 지정 지시문에서 개체 배열의 ng-repeat가 작동하지 않습니다.

  3. 3

    Angular ng-repeat $ index가 Mozilla Firefox의 ng-if 지시문에서 작동하지 않습니다.

  4. 4

    ng-if가 요소에서 사용되는 경우 getElementByID가 각도에서 작동하지 않습니다.

  5. 5

    ng-repeat가 iOS에서 작동하지 않습니다.

  6. 6

    CSS 전환이 의사 요소에서 작동하지 않습니다.

  7. 7

    Angularjs-ng-repeat가 단일 배열에서 작동하지 않습니까?

  8. 8

    dirPaginate가 ng-repeat-start에서 작동하지 않습니다 (확장 가능한 테이블의 경우)

  9. 9

    ng-view 내의 요소에서 작동하지 않는 jQuery

  10. 10

    ng-view 내의 요소에서 작동하지 않는 jQuery

  11. 11

    CSS가 요소 검사에 표시되지 않습니까?

  12. 12

    CSS 애니메이션 stlye가 flexbox 내부의 div 요소에서 작동하지 않습니다.

  13. 13

    CSS 의사 요소 :: before가 제대로 작동하지 않습니다.

  14. 14

    ng-repeat div 내의 테이블에 대한 ng-repeat가 사용자 지정 필터링 된 데이터에서 예상대로 작동하지 않음

  15. 15

    CSS Hover가 절대 위치 요소의 계층 구조에서 작동하지 않습니다.

  16. 16

    CSS Hover가 절대 위치 요소의 계층 구조에서 작동하지 않습니다.

  17. 17

    하위 배열에 대한 ng-repeat가 작동하지 않습니까?

  18. 18

    AngularJS ng-repeat가 Promise.all에서 작동하지 않습니다.

  19. 19

    ng-repeat가 스크립트 블록에서 작동하지 않습니다.

  20. 20

    ng-repeat가 MEAN 스택에서 작동하지 않습니다.

  21. 21

    Angular ng-repeat가 $ http.post에서 작동하지 않습니다.

  22. 22

    CSS : 호버 의사가 탐색 항목에서 작동하지 않습니다.

  23. 23

    일부 영역에서 사용자 정의 CSS 커서가 작동하지 않습니까?

  24. 24

    CSS가 jsp의 ID에서 작동하지 않습니다.

  25. 25

    AngularDart 구성 요소는 ng-repeat에서 작동하지 않지만 다른 태그는 작동합니다.

  26. 26

    CSS는 사용자 정의 fxml 구성 요소에서 작동하지 않습니다.

  27. 27

    ng-repeat에서 사용할 때 li에서 ng-click이 작동하지 않습니다.

  28. 28

    ng-mouseenter 및 ng-mouseleave가 ng-repeat 루프 내에서 작동하지 않습니다.

  29. 29

    ng-repeat 사용자 지정 필터로 Typescript 메서드가 예상대로 작동하지 않습니다.

뜨겁다태그

보관