이 기사에서는 객체에 대한 JSRender의 기본 구문을 간략하게 설명합니다. 참조를 위해 공유하십시오. 세부 사항은 다음과 같습니다.
JavaScript 템플릿 엔진으로서 JSRENDER는 루프 기능, 즉, 즉. 그러나 jsrender는 너무 유연하기 때문에 실제로 객체를 루프 객체로 받아 들일 수 있습니다.
{{array}}} 및 {{verob}} 모두 허용됩니다. 모든 사람은 배열을 가로 지르고 각 요소를 하나씩 꺼내는 {{for array}}를 이해할 수 있습니다. 그러나 {{for Object}}는 약간 믿어지지 않으며 공식 문서는 설명 없이는 도움이되지 않는 예제를 제공합니다.
처음에 Xiaocai는 {{for Object}}의 목적이 객체의 모든 속성을 가로 지르는 것이라고 생각했지만, 신중하게 생각하면이 기능 {{props object}}가 구현되었습니다. 소품 태그의 함수는 객체의 모든 속성을 가로 지르는 것입니다. 속성의 수가 있고, 횟수는 반복됩니다. 각 루프에는 두 개의 숨겨진 속성이 있습니다 : 키, 소품, 키는 속성 이름을 나타내고 소품은 속성 값을 나타내며 사용하기에 매우 편리합니다.
실제로, {{for Object}}는 루프가 아니며, 입력 (inter), 즉 객체 환경에 들어가서 현재 컨텍스트를 핸들 바의 with와 유사하게 객체로 설정하는 것으로 이해 될 수 있습니다.
예를 들어:
데이터:
다음과 같이 코드를 복사합니다. {
"제목": "A 팀",
"회원": [
{
"이름": "피트",
"City": "members_city",
"주소": {
"City": "Address_City",
"City1": "wasse_city1",
"City2": "wasse_city2"
}
}
]]
}
템플릿 마크 업 :
다음과 같이 코드를 복사하십시오. {{for members}}
{{주소}}}
<p>. {{: city}} </p>
{{/을 위한}}
{{/을 위한}}
결과:
코드 사본은 다음과 같습니다
결과에서 멤버의 항목에도 도시 속성이 있지만 {{adress}}, {{: city}}를 통해 주소로 가리키는 객체를 입력하기 때문에 주소에서 직접 얻습니다.
동시에 주소는 3 개의 속성을 가지고 있지만 결과적으로 하나의 줄만 출력하여 {{for object}}이 루프하지 않으며이를 토글합니다.
이 기사가 모든 사람의 JSRender 프로그래밍 학습에 도움이되기를 바랍니다.