title: Router doesn't navigate to the detail page of the SplitApp
body: <p>
  Hello,</p>
  
  <p>I'm trying to implement routing on SplitApp (for now - navigation between master and detail pages). </p>
  
  <p>I have a master view and 2 detail views.</p>
  
  <p>The app is rendered, but when I try to navigate between the detail views, nothing happens.</p>
  
  <p>Here is my routing definition from the <code>manifest.json</code> file:</p>
  
  <pre class="lang-js prettyprint-override"><code>"routing": {
      "config": {
          "routerClass": "sap.m.routing.Router",
          "viewType": "XML",
          "viewPath": "qv.view",
          "controlId": "splitApp",
          "controlAggregation": "detailPages",
      },
      "routes": [{
          "pattern": "",
          "name": "master",
          "target": [ "detail", "master" ]
      }, {
          "pattern": "",
          "name": "detail",
          "target": [ "detail", "master" ]
      }, {
          "pattern": "",
          "name": "detail1",
          "target": "detail1"
      }],
      "targets": {
          "master": {
              "viewName": "Master",
              "viewLevel": 1,
              "viewId": "master",
              "controlAggregation": "masterPages"
          },
          "detail": {
              "viewName": "Detail",
              "viewId": "detail",
              "viewLevel": 2
          },
          "detail1": {
              "viewName": "Detail1",
              "viewId": "detail1",
              "viewLevel": 2
          }
      }
  }    
  </code></pre>
  
  <p>Here is my app view's code:</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;mvc:View controllerName="qv.controller.View1" 
            xmlns:html="http://www.w3.org/1999/xhtml" 
            xmlns:mvc="sap.ui.core.mvc" 
            xmlns="sap.m"&gt;
  
      &lt;SplitApp id="splitApp"&gt;
      &lt;/SplitApp&gt;
  
  &lt;/mvc:View&gt;
  </code></pre>
  
  <p>And here is my navigation function which resides in the controller of the master view:</p>
  
  <pre class="lang-js prettyprint-override"><code>onSelectionChange: function(oEvent){
      var sPath = oItem.getBindingContext().getPath();
      var sTargetPage = this.getView().getModel().getProperty(sPath+"/targetPage");
      var oRouter = this.getOwnerComponent().getRouter();
  
      oRouter.navTo(sTargetPage);
  }
  </code></pre>
  
  <p>The model is also very simple (it is defined in the master controller's <code>onInit</code> method):</p>
  
  <pre class="lang-js prettyprint-override"><code>var oData = {
      "Menu": [{
          "title": "Detail page 1",
          "targetPage": "detail",
          "description": "This is the 1st detail page"
      }, {
          "title": "Detail page 2",
          "targetPage": "detail1",
          "description": "This is the 2nd detail page"
      }]
  };
  this.getView().setModel(new sap.ui.model.json.JSONModel(oData));
  </code></pre>
  
  <p>The router is initialized, I do get it in <code>onSelectionChange</code> method.</p>
  
  <p>What did I miss/did wrong?</p>
  
  <p>Thank you.</p>