<template>
  <require from="./my-element"></require>
  <require from="./my-template"></require>
  <h1>Aurelia has been loaded</h1>
  <my-element>
    <my-template model.bind="appModel">
      element property: ${elementProperty}<br/>
      model title: ${title}
    </my-template>
  </my-element>

  <hr />

  <my-element>
    <my-template model.bind="appModel">
      element property: ${elementProperty}
      <div repeat.for="num of [1,2,3,4,5]">
        item: ${num}<br />
        element property: ${elementProperty}<br/>
        model title: ${title}
        <hr/>
      </div>
    </my-template>
  </my-element>
</template>