부모 요소를 제거하고 Thymeleaf에 자식 요소를 유지하는 방법은 무엇입니까?

필요하다

Thymeleaf를 사용하여 SpringBoot 앱에서 호스팅되는 AngularJS 프로젝트에서 작업 중이며보기 및 라우팅을 통해 다른 웹 페이지에서 섹션 요소 만 가져 오려면 AngularJS가 필요합니다.

그러나 ThymeLeaf가 전체 HTML 페이지 대신 섹션 요소 만 제공하면서 개발할 때 웹 페이지를 자연스러운 템플릿으로 볼 수 있도록 만드는 방법을 알 수 없습니다.

따라서 서버에서는 다음과 같이 저장됩니다.

<html>
    <title>Don't keep this </title>
    <body>
        <section>
            Keep this
        </section>
    </body>
</html>

그러나 AngularJS가 페이지를 읽을 때 Thymeleaf는 다음과 같이 읽습니다.

<section>
    Keep this
</section>
메트로이드

예, 이것은 조각으로 매우 간단합니다. html 파일이 다음과 같은 경우 :

<!-- whatever.html -->
<html>
    <head>
        <title>Don't keep this </title>
    </head>

    <body>
        <section th:fragment="section">
            Keep this
        </section>
    </body>
</html>

그리고 컨트롤러는 다음과 같습니다.

@RequestMapping(value = "whatever.html", method = RequestMethod.GET)
public String get() {
    return "whatever :: section";
    // Where the string 'whatever' resolves to the template, and section
    // resolves to the text in th:fragment.
}

html을 반환합니다.

<section>
    Keep this
</section>

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

부모 / 자식에 논리를 추가하지 않고 구성 요소에서 자식 요소의 dom 노드를 얻는 방법은 무엇입니까?

분류에서Dev

jquery-자식 요소에 텍스트가없는 경우 부모 요소를 제거하는 방법은 무엇입니까?

분류에서Dev

부모 구성 요소 OnSubmit Angular 4에서 자식 구성 요소의 유효성 검사를 트리거하는 방법은 무엇입니까?

분류에서Dev

React에서 부모 요소를 클릭하는 동안 자식 요소를 트리거하는 방법은 무엇입니까?

분류에서Dev

부모 요소에 커서를 추가하고 CSS를 사용하여 자식 요소에도 적용하는 방법은 무엇입니까?

분류에서Dev

부모 후에 자식 구성 요소를 초기화하는 방법은 무엇입니까?

분류에서Dev

React : 다른 유형의 자식 구성 요소를 부모 구성 요소에 동적으로 추가하는 방법은 무엇입니까?

분류에서Dev

모든 자식 요소를 반복하고 찾은 요소를 반환하는 방법은 무엇입니까?

분류에서Dev

Angular 2의 자식 구성 요소 이벤트에서 부모 구성 요소의 로컬 참조를 트리거하는 방법은 무엇입니까?

분류에서Dev

특정 유형의 모든 HTML 요소에 식별자를 할당하는 방법은 무엇입니까?

분류에서Dev

react 및 typescript를 사용하여 부모 구성 요소 내에서 자식 구성 요소를 렌더링하는 방법은 무엇입니까?

분류에서Dev

React에서 자식 구성 요소의 상태를 사용하여 부모 구성 요소를 업데이트하는 방법은 무엇입니까?

분류에서Dev

React의 부모 구성 요소에 조건부로 자식 구성 요소를 추가하는 방법은 무엇입니까?

분류에서Dev

자식 요소에있을 때 부모에 마우스 오버 상태를 유지하는 방법은 무엇입니까?

분류에서Dev

특정 유형의 자식이있는 부모 요소의 마지막 요소를 선택하는 가장 좋은 방법은 무엇입니까?

분류에서Dev

부모 구성 요소를 통해 필터링 될 때 자식 구성 요소의 상태를 유지하는 방법은 무엇입니까?

분류에서Dev

React에서 자식 구성 요소에서 부모 구성 요소로 매개 변수를 전달하는 방법은 무엇입니까?

분류에서Dev

자식 구성 요소 각도 7에서 부모 구성 요소 함수에 두 개의 인수를 전달하는 방법은 무엇입니까?

분류에서Dev

부모 구성 요소에서 React / Typescript 자식 구성 요소 함수를 호출하는 방법은 무엇입니까?

분류에서Dev

React Native 기능 구성 요소의 부모 구성 요소에서 자식 함수를 호출하는 방법은 무엇입니까?

분류에서Dev

blazor의 부모 구성 요소에서 자식 구성 요소 메서드를 호출하는 방법은 무엇입니까?

분류에서Dev

부모 구성 요소에서 자식 구성 요소의 상태를 사용하는 방법은 무엇입니까?

분류에서Dev

부모 구성 요소에서 자식 구성 요소의 메서드를 호출하는 방법은 무엇입니까?

분류에서Dev

React의 자식 구성 요소에서 onchange 이벤트로 부모 클래스 구성 요소의 함수를 호출하는 방법은 무엇입니까?

분류에서Dev

ReactJs의 자식 구성 요소에서 부모 구성 요소의 상태를 추적하는 방법은 무엇입니까?

분류에서Dev

부모에서 마지막 자식 또는 첫 번째 자식 요소를 선택하는 방법은 무엇입니까? (css-html)

분류에서Dev

부모-자식-부모 범위를 부모 내에 유지하는 방법은 무엇입니까?

분류에서Dev

부모 요소에서 프로필 요소의 위치를 제어하는 방법은 무엇입니까?

분류에서Dev

부모 / 래퍼 구성 요소를 "트리거"로 만들거나 자식에 대한 메서드를 호출하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    부모 / 자식에 논리를 추가하지 않고 구성 요소에서 자식 요소의 dom 노드를 얻는 방법은 무엇입니까?

  2. 2

    jquery-자식 요소에 텍스트가없는 경우 부모 요소를 제거하는 방법은 무엇입니까?

  3. 3

    부모 구성 요소 OnSubmit Angular 4에서 자식 구성 요소의 유효성 검사를 트리거하는 방법은 무엇입니까?

  4. 4

    React에서 부모 요소를 클릭하는 동안 자식 요소를 트리거하는 방법은 무엇입니까?

  5. 5

    부모 요소에 커서를 추가하고 CSS를 사용하여 자식 요소에도 적용하는 방법은 무엇입니까?

  6. 6

    부모 후에 자식 구성 요소를 초기화하는 방법은 무엇입니까?

  7. 7

    React : 다른 유형의 자식 구성 요소를 부모 구성 요소에 동적으로 추가하는 방법은 무엇입니까?

  8. 8

    모든 자식 요소를 반복하고 찾은 요소를 반환하는 방법은 무엇입니까?

  9. 9

    Angular 2의 자식 구성 요소 이벤트에서 부모 구성 요소의 로컬 참조를 트리거하는 방법은 무엇입니까?

  10. 10

    특정 유형의 모든 HTML 요소에 식별자를 할당하는 방법은 무엇입니까?

  11. 11

    react 및 typescript를 사용하여 부모 구성 요소 내에서 자식 구성 요소를 렌더링하는 방법은 무엇입니까?

  12. 12

    React에서 자식 구성 요소의 상태를 사용하여 부모 구성 요소를 업데이트하는 방법은 무엇입니까?

  13. 13

    React의 부모 구성 요소에 조건부로 자식 구성 요소를 추가하는 방법은 무엇입니까?

  14. 14

    자식 요소에있을 때 부모에 마우스 오버 상태를 유지하는 방법은 무엇입니까?

  15. 15

    특정 유형의 자식이있는 부모 요소의 마지막 요소를 선택하는 가장 좋은 방법은 무엇입니까?

  16. 16

    부모 구성 요소를 통해 필터링 될 때 자식 구성 요소의 상태를 유지하는 방법은 무엇입니까?

  17. 17

    React에서 자식 구성 요소에서 부모 구성 요소로 매개 변수를 전달하는 방법은 무엇입니까?

  18. 18

    자식 구성 요소 각도 7에서 부모 구성 요소 함수에 두 개의 인수를 전달하는 방법은 무엇입니까?

  19. 19

    부모 구성 요소에서 React / Typescript 자식 구성 요소 함수를 호출하는 방법은 무엇입니까?

  20. 20

    React Native 기능 구성 요소의 부모 구성 요소에서 자식 함수를 호출하는 방법은 무엇입니까?

  21. 21

    blazor의 부모 구성 요소에서 자식 구성 요소 메서드를 호출하는 방법은 무엇입니까?

  22. 22

    부모 구성 요소에서 자식 구성 요소의 상태를 사용하는 방법은 무엇입니까?

  23. 23

    부모 구성 요소에서 자식 구성 요소의 메서드를 호출하는 방법은 무엇입니까?

  24. 24

    React의 자식 구성 요소에서 onchange 이벤트로 부모 클래스 구성 요소의 함수를 호출하는 방법은 무엇입니까?

  25. 25

    ReactJs의 자식 구성 요소에서 부모 구성 요소의 상태를 추적하는 방법은 무엇입니까?

  26. 26

    부모에서 마지막 자식 또는 첫 번째 자식 요소를 선택하는 방법은 무엇입니까? (css-html)

  27. 27

    부모-자식-부모 범위를 부모 내에 유지하는 방법은 무엇입니까?

  28. 28

    부모 요소에서 프로필 요소의 위치를 제어하는 방법은 무엇입니까?

  29. 29

    부모 / 래퍼 구성 요소를 "트리거"로 만들거나 자식에 대한 메서드를 호출하는 방법은 무엇입니까?

뜨겁다태그

보관