title: How to render different view structures in Aurelia?
body: <p>I have a common html structure in my app.html in order to apply for all pages:</p>
  
  <pre><code>&lt;template&gt;
  &lt;require from="header"&gt;&lt;/require&gt;
  &lt;require from="side-bar"&gt;&lt;/require&gt;
  &lt;require from="theme-panel"&gt;&lt;/require&gt;
  &lt;require from="footer"&gt;&lt;/require&gt;
  &lt;!-- BEGIN HEADER --&gt;
  &lt;js-header&gt;&lt;/js-header&gt;
  &lt;!-- END HEADER --&gt;
  
  &lt;div class="clearfix"&gt;&lt;/div&gt;
  
  &lt;!-- BEGIN CONTAINER --&gt;
  &lt;div class="container"&gt;
      &lt;div class="page-container"&gt;
          &lt;!-- BEGIN SIDEBAR --&gt;
          &lt;js-side-bar&gt;&lt;/js-side-bar&gt;
          &lt;!-- END SIDEBAR --&gt;
          &lt;div class="page-content-wrapper"&gt;
              &lt;div class="page-content"&gt;
                  &lt;!-- BEGIN STYLE CUSTOMIZER(optional) --&gt;
                  &lt;js-theme-panel&gt;&lt;/js-theme-panel&gt;
                  &lt;!-- END STYLE CUSTOMIZER --&gt;
                  &lt;!-- BEGIN ACTUAL CONTENT --&gt;
                  &lt;div class="fade-in-up"&gt;
                      &lt;router-view&gt;&lt;/router-view&gt;
                  &lt;/div&gt;
                  &lt;!-- END ACTUAL CONTENT --&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- BEGIN FOOTER --&gt;
      &lt;js-footer&gt;&lt;/js-footer&gt;
      &lt;!-- END FOOTER --&gt;
  &lt;/div&gt;
  &lt;!-- END CONTAINER --&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>However, in my case, i have a login page with a totally different structure compared to others. In my app.js, i tried to use getViewStrategy() method to control which views i will render as following:</p>
  
  <pre><code>activate(params, routeConfig, navigationInstruction){
      this.navigationInstruction = navigationInstruction;
      //console.log("params", params); // undefined
      //console.log("routeConfig", routeConfig); // undefined
      //console.log("navigationInstruction", navigationInstruction); // undefined
      //console.log("router", router); //undefined
  }
  getViewStrategy(){
      if(this.navigationInstruction == 'login'){
          return "app_login.html";
      } else {
          return "app.html";
      }
  }
  </code></pre>
  
  <p>in the code above, 'navigationInstruction' is undefined. Therefore, my solution cannot work well. Does anybody have another solution? Thanks so much!</p>