Framwork7的template7使用---------------------------------gxy

明确一点，template7是dom操作；
html:

 <div class="item-inner">
                  <div class="item-title-row" >
                   <script id="homeTemplate" type="text/template7">
                        <div class="item-title">{{name}}</div>
                   </script>
                    <span id="templateValue"></span>
                    <div class="item-after">20180818</div>
                  </div>
                  <div class="item-subtitle">zgy简单归档流程2</div>
                  <div class="item-text">问题处理单(20180818001)</div>
                  <div class="item-text">|执行中</div>
                </div>

引入：

<!-- Framework7 library -->
  <script src="/js/framework7/framework7.min.js"></script>
  <script src="/js/common.js"></script>
  <!-- App routes -->
  <script src="/js/main/flow.js" ></script>

js端：

var app = new Framework7({
    root : '#app',
    id : 'io.framework7.flowapp',
    name : 'flowapp',
    theme : 'auto',
    //设置属性，使用模板
    precompileTemplates: true,
    template7Pages: true, //pages启用Template7
    dialog : {
        title : '提示'
    }

});

//-----------------------------------------------------
/*这里操作*/
var template = $$('#homeTemplate').html();

var compiledTemplate = Template7.compile(template);

var context = {
 name: 'admin'
};
var html = compiledTemplate(context);
/*这里赋值*/
$$('#templateValue').html(html)

//-----------------------------------------------------
//Init/Create main view
var mainView = app.views.create('.view-main', {
    url : '/'
});