AngularJS 및/또는 AngularJS Material에서이 레이아웃을 개발하는 방법은 무엇입니까? 내가 다음 코드를 한

Question

:

div 
    div Test1 
    div(flex) 
    div 12 
    div(ng-show=“someCondition”, class="triangleLeft") 

삼각형이 표시되면, 왼쪽으로 12를 밀어 것입니다. AngularJS 및/또는 AngularJS Material을 사용하여 12을 왼쪽으로 밀지 않고 삼각형을 숨기거나 표시 할 수 있습니까? 여기

은 내 Plunk :

Answer 1

Here이

부모 div이 상대적으로이

position: relative; 

triangle 또는 chevron 절대적으로해야합니다 같은 위치해야합니다 귀하의 쿵하는 소리의 갈래 버전입니다 이 위치에 배치해야하며 은 다음과 같이 지정해야합니다.

position: absolute; 
right: 0px; 

이제 삼각형이 텍스트 12을 왼쪽으로 밀지 않는 것을 볼 수 있습니다. 그러나 텍스트가 숨겨진 것을 볼 수 있습니다. 아래처럼 상위 div에 오른쪽/왼쪽 패딩을 추가하여 더보기 좋게 만들 수 있습니다.