Charger les modèles directement

La description

Vous pouvez également rendre et charger des modèles à la volée sous forme de pages dynamiques. Le code suivant illustre l'utilisation de modèles en tant que pages dynamiques -

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>

Les données requises sont extraites de template7Data . Pour spécifier le modèle requis, vous devez utiliser l' attribut de modèle de données avec l'ID de modèle.

Vous pouvez utiliser la méthode .load () et la propriété de modèle de JavaScript View pour transmettre des données personnalisées comme indiqué dans l'instance suivante -

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