1. WIKI教程
2. 学习Framework7
3. 直接加载模板(Load Templates Directly)

直接加载模板(Load Templates Directly)

描述 (Description)

您还可以将动态页面上的模板渲染和加载。 以下代码演示了如何将模板用作动态页面 -

的index.html

<script type = text/template7" id = about">
   <div class = pages">
      <div data-page = about" class = page">
         <div class = page-content">
            <div class = content-block">
               <div class = content-block-inner">
                  <p>Hello, i am <b>{{firstname}} {{lastname}}</b>, 
                     <b>{{age}}</b> years old and working as <b>{{position}}</b> 
                     at <b>{{company}}</b>.</p>
               </div>
            </div>
         </div>
      </div>
   </div>
</script>	

从template7Data获取所需的数据。 要指定所需的模板，您需要将data-template属性与模板ID一起使用。

您可以使用JavaScript View的.load ()方法和template属性来传递自定义数据，如以下实例所示 -

mainView.router.load ({
   template: Template7.templates.aboutTemplate, 
   context: {
      firstname: 'William',
      age: 27
   }
})