DativeJs {{#each}} 블록

용법

<div>
  {{#each foods as food}}
      <li>{{food}}</li>
  {{/each}}
</div>

import Template from './each/each.dative.html'
export let Each = Dative.extend({
   el: "#app",
   data(){
      return {
        foods: ["Rice","Noodles","Vegetables"]
      };
   },
   template: Template
})

<div>
  {{#each foods as i,food}}
      <li>{{i}}:{{food}}</li>
  {{/each}}
</div>

NOTE When Using the #each block with object the i in the #each block will not be index again we are working on that

이렇게 하지 마세요 지저분한 오류가 발생합니다

<div>
  {{#each foods as food}}
      <li>Type: {{food.type}}</li>
      <li>Name: {{food.name}}</li>
  {{/each}}
</div>

import Template from './each/each.dative.html'
export let Each = Dative.extend({
   el: "#app",
   data(){
      return {
        foods: {
           type: "Fruit",
           name: "Guava"
        }
      };
   },
   template: Template
})

이 작업을 수행

<div>
  <!-- `i` will give you the key here not the index -->
  {{#each foods as i,food}}
      <li>{{i}}:{{food}}</li>
  {{/each}}
</div>

읽어 주셔서 감사합니다

온라인에서 DativeJs를 테스트하고 싶습니다.

저를 읽고 지원해 주셔서 다시 한 번 감사드립니다.