Lightning Components Redirection [closed]

Question

I have 3 components namely Employee Division which will show his division details like manufacturing,accounts etc and Employee Profile which will show his Profile details and an Dashboard Component where we will have 2 buttons say division and profile.I need to load division component when Division button is pressed and similarly profile. Is there any way to load this without using window.location.href

Answer 1

You can dynamically create the lightning components on click of button and add it into the v.body of the current displayed component. Here is an example

Have the following code in your division button click:

goToDiv : function(component, event, helper){
    $A.createComponent(
                "c:EmployeeDivisionCmp",
                {
                    "aura:id": "empDivId"
                },
                function(newComp){
                    if (component.isValid()) {
                      var body = component.get("v.body");
                      body = [];
                      body.push(newComp);
                      component.set("v.body", body);
                   }
                }
            );
}

Now this should remove the current UI elements from the display and load the EmployeeDivisionCmp in the view.

Just being curious, how were you planning to redirect lightning components using window.href.location?