SAPUI5: Getting argument as undefined, passed while routing from one view to another
<p>I am passing arguments from <code>Master</code> to <code>Detail</code> view while routing, but getting it as undefined.</p>

<p>Code from <em>MasterController.js</em></p>



<pre class="lang-js prettyprint-override"><code>onPressItemDetail: function(evt) {
    var object = evt.getSource().
    getBindingContext().
    getModel().
    getProperty(evt.getSource().getBindingContext().getPath());

    var context = {
        object: object,
        bindingContext: evt.getSource().getBindingContext()
    };
    var oRouter = sap.ui.core.UIComponent.getRouterFor(this);
    oRouter.navTo("fourth", context);
}
</code></pre>

<p>Code from <em>DetailController.js</em></p>

<pre class="lang-js prettyprint-override"><code>onInit: function() {
    var oRouter = sap.ui.core.UIComponent.getRouterFor(this);
    oRouter.attachRouteMatched(function(oEvent) {
        if (oEvent.getParameter("name") !== "fourth") {
            return;
        }
        var object = oEvent.getParameter("arguments").object;
        var bindingContext = oEvent.getParameter("arguments").bindingContext;

    }, this);
}
</code></pre>

<p>Routing configuration from <code>Component.js</code></p>

<pre class="lang-js prettyprint-override"><code>"routing": {
    "config": {
        "routerClass": "sap.m.routing.Router",
        "viewType": "XML",
        "viewPath": "umicoreMP.view",
        "controlId": "app",
        "controlAggregation": "pages"
    },
    "routes": [{
        "pattern": "",
        "name": "first",
        "target": "first"
    }, {
        "pattern": "secondview",
        "name": "second",
        "target": "second"
    }, {
        "pattern": "thirdview",
        "name": "third",
        "target": "third"

    }, {
        "pattern": "changeitem",
        "name": "fourth",
        "target": "fourth"
    }],
    "targets": {
        "first": {
            "viewName": "FirstView"
        },
        "second": {
            "viewName": "SecondView"
        },
        "third": {
            "viewName": "ThirdView"
        },
        "fourth": {
            "viewName": "ChangeItem"
        }
    }
}
</code></pre>