# fenTemplate

**Repository Path**: whwanyt/fen-template

## Basic Information

- **Project Name**: fenTemplate
- **Description**: 简单实现模板数据渲染
- **Primary Language**: Unknown
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-05-19
- **Last Updated**: 2021-06-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 参考 mustache 使用webpack 和 Typescript 实现的超简单模板引擎
```html
<script type="text/template" id="template">
  <ul>
    {{#students}}
      <li>
        <div class="hd">{{name}}</div>
        <div class="bd">
          {{#hobbies}}<span>{{.}}</span>{{/hobbies}}
        </div>
      </li>
    {{/students}}
  </ul>
</script>
```
```typescript
  import FenTemplate from './fenTemplate'
  var fenTemplate = new FenTemplate()
  var data = {
    name:"张三",
    students:[
      {"name":"小明","hobbies":["游泳","健身"]},
      {"name":"小红","hobbies":["足球","篮球","羽毛球"]},
      {"name":"小强","hobbies":["吃饭","睡觉"]},
    ]
  }
  var html  =document.getElementById('template').innerText;
  var dom = fenTemplate.render(html,data)
  var app = document.getElementById('root')
  app.innerHTML = dom
```