SAP UI5: Navigation from Master page and Detail page through two different OData URLs

I am trying to create a Master - Detail page using OData servicea in SAPUI5. Everything works fine in the Master page. Meaning I'm able to populate the list with valid data from SAP backend using an OData URL.

Now what I want to achieve is, to call a second OData URL to fetch the detail values and populate that in the page.

My Master.controller.js ->

handleListSelect : function (evt) {
  var context = evt.getParameter("listItem").getBindingContext();
  this.nav.to("Detail", context);
  console.log('evt.getSource: ' + evt.getSource());
  console.log('evt.getBindingContext: ' + evt.getSource().getBindingContext());
  }

Console Output gives ->

"evt.getSource: Element sap.m.List#Master--list" sap-ui-core.js line 80 > eval:31
"evt.getBindingContext: undefined"

I'm unable to populate values in the detail page from the second URL. Can anyone guide or help me on this?

My Compenent.js ->

createContent : function() {

  // create root view
  var oView = sap.ui.view({
  id : "app",
  viewName : "sap.ui.demo.myFiori.view.App",
  type : "JS",
  viewData : {
  component : this
  }
  });

  // Using OData model to connect against a real service
  var url = "/MyFioriUI5/proxy/sap/opu/odata/sap/XXXXXX;mo/";
  var oModel = new sap.ui.model.odata.ODataModel(url, true, "", "");
  oView.setModel(oModel);

  // set i18n model
  var i18nModel = new sap.ui.model.resource.ResourceModel({
  bundleUrl : "i18n/messageBundle.properties"
  });
  oView.setModel(i18nModel, "i18n");

  // set device model
  var deviceModel = new sap.ui.model.json.JSONModel({
  isPhone : jQuery.device.is.phone,
  isNoPhone : !jQuery.device.is.phone,
  listMode : (jQuery.device.is.phone) ? "None" : "SingleSelectMaster",
  listItemType : (jQuery.device.is.phone) ? "Active" : "Inactive"
  });
  deviceModel.setDefaultBindingMode("OneWay");
  oView.setModel(deviceModel, "device");

  // Using a local model for offline development
// var oModel = new sap.ui.model.json.JSONModel("model/mock.json");
// oView.setModel(oModel);

  // done
  return oView;
}