Famework7のTemplate7はインデックス上でのみ動作します

Question

2つのフレームワーク7とテンプレート7のページでFirebaseからデータをロードしようとしています。

残念ながら、インデックスページでのみ動作します。なぜ私は分かりません。 ここに私のHTMLコードです。

<script id="calendario" type="text/template7"> 
       <div class="title">Calendario</div> 

       {{#each Tornei}} 

       <a href="calendario-detail.html" class="eventblock w-inline-block item-content item-link" data-context-name="Tornei.{{@key}}"> 
        <div class="w-row"> 
        <div class="nopadding w-col w-col-6 w-col-small-6 w-col-tiny-6"> 
         <div class="smalltext">{{this.Location}}</div> 
        </div> 
        <div class="nopadding w-col w-col-6 w-col-small-6 w-col-tiny-6"> 
         <div class="smalltext">{{Location}}</div> 
        </div> 
        </div> 
        <div class="titleevent titologreen">{{@key}}</div> 
        <div class="smalltext">4/8</div> 
       </a> 

       {{/each}} 

、あなたはそれらが同一であるが、唯一の私のインデックスにtemplate7働く見ることができるように、これは

myApp.onPageInit('calendario', function (page) { 

     var ref = firebase.database().ref("/"); 

     ref.on("value", function(snapshot) { 

     var template = $$('#calendario').html(); 
     var compiledTemplate = Template7.compile(template); 

     var ourGeneratedHTML = compiledTemplate(snapshot.val()); 
     console.log(snapshot.val()); 
     $$('#1').html(ourGeneratedHTML); 

     $$('.eventblock').on('click', function() { 
      var nameEvent = $$(this).children('.titleevent').text(); 
      mainView.router.loadPage("calendario-detail.html?eventName=" + nameEvent); 
     }); 
     }); 
    }).trigger(); 

    myApp.onPageInit('calendario-detail', function (page) { 

      var ref = firebase.database().ref("/"); 

     ref.on("value", function(snapshot) { 

      var template = $$('#calendario-detail').html(); 
      var compiledTemplate = Template7.compile(template); 

      var last = JSON.stringify(snapshot.val()) 

      console.log(last); 
      var ourGeneratedHTML = compiledTemplate(snapshot.val()); 
      console.log(snapshot.val()); 
      $$('#1').html(ourGeneratedHTML); 
      console.log(ourGeneratedHTML); 

     }); 
    }); 

myapp.jsです。

私を助けてもらえますか？ありがとう。

Answer 1

私は私のアプリを初期化し、同じ問題を抱えていたので：

var myApp = new Framework7({ 
    // Unable templates auto precompilation 
    precompileTemplates: false, 
    // Unabled pages rendering using Template7 
    template7Pages: false, 
}); 

私はonPageAfterAnimationで別のビューにテンプレートをコンパイルすることができた後。