페이지에서 불필요한 ng-container 여백을 제거하는 방법은 무엇입니까?

티 무신 꽃

나는 문으로 두 개의 매트 탭을 제어하고 있습니다. 두 매트 탭 요소는 카드 목록을 포함하고 ng-container의 문으로 제어됩니다. 흥미롭게도 첫 번째 탭에서 마우스를 가리키면 카드 상단에서 여백이 거의 없습니다 ng-star라고 말합니다. -inserted.이 논리의 반대는 두 번째 mat-tab 카드 요소에도 적용되었으며 아래쪽에서 여백 <ng-container *ngIf="!appointment.passed">이 있습니다.이 줄을 제거하면 불필요한 여백을 제거 할 수 있지만 논리가 작동하지 않습니다. 어떻게 제거 할 수 있습니까? 제어가 통과했는지 아닌지 논리를 잃지 않고이 불필요한 마진.

상단 여백 (활성 약속 탭)

여기에 이미지 설명 입력

<ng-container *ngIf="!appointment.passed">

하단 여백 (과거 약속 탭)

여기에 이미지 설명 입력

<ng-container *ngIf="appointment.passed">

아래 약속 배열 (각 객체의 끝에 true 값을 전달했거나 전달하지 않았습니다. 그게 전달 여부를 결정하는 방법입니다)

0: {id: 36, appointmentDate: "2019-12-27T10:28:15", doctorName: "Conner Reyes", departmentName: "Urology", hospitalName: "Genopkins Hospital", …}
1: {id: 57, appointmentDate: "2020-01-03T08:29:25", doctorName: "Ayesha Brewer", departmentName: "Eye Center", hospitalName: "Genopkins Hospital", …}
2: {id: 40, appointmentDate: "2020-01-11T17:23:39", doctorName: "Shelbie Jenkins", departmentName: "Gynecologic Oncology", hospitalName: "Genopkins Hospital", …}
3: {id: 58, appointmentDate: "2020-01-15T15:45:19", doctorName: "Kirsty Armstrong", departmentName: "Eye Center", hospitalName: "Genopkins Hospital", …}
4: {id: 93, appointmentDate: "2020-01-16T17:26:27", doctorName: "Claire Burton", departmentName: "Eye Center", hospitalName: "Mediclinic Hospital", …}
마이클 네모이

안녕하세요, 당신이 가진 간격이 패딩이고 여백이 없다는 것을 주목하십시오.

또한 각도를 사용할 때 주석을 생성 <ng-container></ng-container>

예를 들어 요소가 아닙니다.

<ng-container *ngIf="true">
  <div>
    hi
  </div>
</ng-container>

DOM에서 다음과 같이 해결됩니다.

<!--bindings={
  "ng-reflect-ng-if": "true"
}--><!---->
<div _ngcontent-jim-c0=""> hi </div>

mat-card가 외부 구성 요소 인 경우 css 구성 요소 코드에서 :: ng-deep을 사용해보십시오.

아마도 다음과 같습니다.

::ng-deep {
    .mat-card.ng-star-inserted { padding: 0; }
}

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

JQ를 사용하여 JSON에서 불필요한 항목을 제거하는 방법은 무엇입니까?

분류에서Dev

Windows 7에서 불필요한 기능과 추가 기능을 제거하는 방법은 무엇입니까?

분류에서Dev

열 정렬을 유지하면서 쉘의 테이블 출력에서 불필요한 공간을 제거하는 방법은 무엇입니까?

분류에서Dev

XSLT를 사용하여 XML의 요소에서 불필요한 속성을 제거하는 방법은 무엇입니까?

분류에서Dev

이 여백을 제거하는 방법은 무엇입니까?

분류에서Dev

불필요한 정보를 제거하고 PHP에서이 연관 배열을 재구성하는 방법은 무엇입니까?

분류에서Dev

Wicked PDF : COVER 페이지에서 위쪽 여백을 제거하는 방법은 무엇입니까?

분류에서Dev

여러 MOK 키를 통합하거나 불필요한 것을 삭제하는 방법은 무엇입니까?

분류에서Dev

요소에서 공백을 제거하는 방법은 무엇입니까?

분류에서Dev

jQuery를 사용하여 요소에 필요한 것을 제거하는 방법은 무엇입니까?

분류에서Dev

HTML5 템플릿에서 불필요한 레이아웃 PHP 포함을 제거하는 방법은 무엇입니까?

분류에서Dev

C #을 사용하여 불필요한 공백을 제거하고 csv 파일에서 데이터 그리드를 정렬하는 방법은 무엇입니까?

분류에서Dev

UEFI에서 불필요한 이중 부팅 옵션을 수정하는 방법은 무엇입니까?

분류에서Dev

QLabel이 불필요한 단어 줄 바꿈을 방지하는 방법은 무엇입니까?

분류에서Dev

활성 탐색 링크에서 마우스 오버시 불필요한 추가 밑줄을 제거하는 방법은 무엇입니까?

분류에서Dev

ngAnimate를 사용하지 않고 ng-repeat에서 요소를 제거하는 동안 페이드 아웃 효과를 얻는 방법은 무엇입니까?

분류에서Dev

ngAnimate를 사용하지 않고 ng-repeat에서 요소를 제거하는 동안 페이드 아웃 효과를 얻는 방법은 무엇입니까?

분류에서Dev

p 요소에서 이러한 추가 공백을 제거하는 방법은 무엇입니까?

분류에서Dev

React에서 불필요한 다시 렌더링을 피하는 방법은 무엇입니까?

분류에서Dev

추가 후 불필요한 HTML을 제거하는 방법은 무엇입니까?

분류에서Dev

ng-repeat에서 클릭 한 항목에서만 필터를 제거하는 방법은 무엇입니까?

분류에서Dev

불필요한 GET을 피하고 서블릿을 통해 파일을 얻는 방법은 무엇입니까?

분류에서Dev

페이지 하단에서 공백을 제거하는 방법은 무엇입니까?

분류에서Dev

ng-repeat에서이 li 요소를 제거하는 방법은 무엇입니까?

분류에서Dev

드롭 다운에서 공백을 제거하고 AngularJS에서 필요한 유효성 검사를 수행하는 방법은 무엇입니까?

분류에서Dev

숭고한 텍스트에서 정규 표현식을 사용하여 단어 사이의 공백을 제거하는 방법은 무엇입니까?

분류에서Dev

numpy에서 불필요한 요소를 우아하게 삭제하는 방법은 무엇입니까?

분류에서Dev

기록에서 한 줄을 제거하는 방법은 무엇입니까?

분류에서Dev

한 줄에서 중복 값을 제거하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    JQ를 사용하여 JSON에서 불필요한 항목을 제거하는 방법은 무엇입니까?

  2. 2

    Windows 7에서 불필요한 기능과 추가 기능을 제거하는 방법은 무엇입니까?

  3. 3

    열 정렬을 유지하면서 쉘의 테이블 출력에서 불필요한 공간을 제거하는 방법은 무엇입니까?

  4. 4

    XSLT를 사용하여 XML의 요소에서 불필요한 속성을 제거하는 방법은 무엇입니까?

  5. 5

    이 여백을 제거하는 방법은 무엇입니까?

  6. 6

    불필요한 정보를 제거하고 PHP에서이 연관 배열을 재구성하는 방법은 무엇입니까?

  7. 7

    Wicked PDF : COVER 페이지에서 위쪽 여백을 제거하는 방법은 무엇입니까?

  8. 8

    여러 MOK 키를 통합하거나 불필요한 것을 삭제하는 방법은 무엇입니까?

  9. 9

    요소에서 공백을 제거하는 방법은 무엇입니까?

  10. 10

    jQuery를 사용하여 요소에 필요한 것을 제거하는 방법은 무엇입니까?

  11. 11

    HTML5 템플릿에서 불필요한 레이아웃 PHP 포함을 제거하는 방법은 무엇입니까?

  12. 12

    C #을 사용하여 불필요한 공백을 제거하고 csv 파일에서 데이터 그리드를 정렬하는 방법은 무엇입니까?

  13. 13

    UEFI에서 불필요한 이중 부팅 옵션을 수정하는 방법은 무엇입니까?

  14. 14

    QLabel이 불필요한 단어 줄 바꿈을 방지하는 방법은 무엇입니까?

  15. 15

    활성 탐색 링크에서 마우스 오버시 불필요한 추가 밑줄을 제거하는 방법은 무엇입니까?

  16. 16

    ngAnimate를 사용하지 않고 ng-repeat에서 요소를 제거하는 동안 페이드 아웃 효과를 얻는 방법은 무엇입니까?

  17. 17

    ngAnimate를 사용하지 않고 ng-repeat에서 요소를 제거하는 동안 페이드 아웃 효과를 얻는 방법은 무엇입니까?

  18. 18

    p 요소에서 이러한 추가 공백을 제거하는 방법은 무엇입니까?

  19. 19

    React에서 불필요한 다시 렌더링을 피하는 방법은 무엇입니까?

  20. 20

    추가 후 불필요한 HTML을 제거하는 방법은 무엇입니까?

  21. 21

    ng-repeat에서 클릭 한 항목에서만 필터를 제거하는 방법은 무엇입니까?

  22. 22

    불필요한 GET을 피하고 서블릿을 통해 파일을 얻는 방법은 무엇입니까?

  23. 23

    페이지 하단에서 공백을 제거하는 방법은 무엇입니까?

  24. 24

    ng-repeat에서이 li 요소를 제거하는 방법은 무엇입니까?

  25. 25

    드롭 다운에서 공백을 제거하고 AngularJS에서 필요한 유효성 검사를 수행하는 방법은 무엇입니까?

  26. 26

    숭고한 텍스트에서 정규 표현식을 사용하여 단어 사이의 공백을 제거하는 방법은 무엇입니까?

  27. 27

    numpy에서 불필요한 요소를 우아하게 삭제하는 방법은 무엇입니까?

  28. 28

    기록에서 한 줄을 제거하는 방법은 무엇입니까?

  29. 29

    한 줄에서 중복 값을 제거하는 방법은 무엇입니까?

뜨겁다태그

보관