내 HTML 파일에서 이러한 종류의 코드를 발견했습니다.이 data-bind
속성과 해당 values
(예 : visible: tabs.active().value === 'sourceXml'
)이 무엇인지 이해하고 싶습니다. 여기서 뭐하는거야? 어느 누구도 친절하게 설명합니다.Jquery html 데이터 바인딩 속성의 사용
1) data-bind
특성을 명확히
<div style="border: solid #ddd; border-width: 0 1px 1px 1px; padding: 16px 12px 8px 12px; margin-top: -20px">
<div data-bind="visible: tabs.active().value === 'sourceXml'">
<div data-bind="template: { name: 'sourceXml', data: sourceXml }"></div>
</div>
<div data-bind="visible: tabs.active().value === 'searchTerms'">
<div data-bind="template: { name: 'searchTerms', data: searchTerms }"></div>
</div>
<div data-bind="visible: tabs.active().value === 'outputFormat'">
<div data-bind="template: { name: 'outputFormat', data: outputFormat }"></div>
</div>
<div data-bind="visible: tabs.active().value === 'savedQueries'">
<div data-bind="template: { name: 'savedQueries', data: savedQueries }"></div>
</div>
</div>