2017-10-22 4 views
0

한 가지 hyperHTML의 기능 읽어 내 눈에 잡힌 그래서 기존 제거하지, 나는 document.body에 추가 요소의 배열을 렌더링하기 위해 노력하고있어 노드 간의 부분 출력을 어떻게 수행 할 수 있습니까?

노드 사이의

  • 부분 출력을 그 html 파일에 정의되었습니다. 요소 배열을 추가하고 변경 사항이있는 경우 요소를 업데이트하는 선언적 렌더링입니다.

+0

작업 할 예제 코드를 보여 주시겠습니까? 당신이 정확하게하려고하는 것을 상상하기가 어렵습니다. 감사합니다. –

답변

0

감사합니다. 어떻게 수행했는지 알아 냈습니다. 이것이 그 요지입니다.

function update(modals) { 
    appendOnce(render(modals)); 
    } 

    function render(modals) { 
    return html`${modals.map(renderModal)}`; 
    } 

    function renderModal(modal) { 
    return wire(modal)` 
     <div>${modal.id}</div> 
     <h2>It is ${new Date().toLocaleTimeString()}.</h2> 
    `; 
    } 

는 각각 기존의 html 파일에 한 번 모달 다음 UI 상태를 변경하는 경우는 변경 각 모달 업데이트됩니다 추가합니다.