NavigatetoURL Community Article Page

Question

How does navigatetoURL works in community Page.We have built a custom lightning component to display list of articles .TO redirect the article to the article page how to does navogatetoURL works in community where the community URL will be /s/article/artilce-urlname

    ({
      getArticles1: function(component) {
      var action = component.get("c.getArticles");

    action.setStorable();

    action.setCallback(this, function(response) {
      var state = response.getState();

      if (state === "SUCCESS") {
        component.set("v.articleview", response.getReturnValue());
      }
    });
    $A.enqueueAction(action);
  }
});


 navigate: function(cmp, event, helper) {
 console.log("test1")
    cmp.find("navService").navigate({

        type: "standard__knowledgeArticlePage",
        attributes: {
            "articleType": "How_To__kav",
            "urlName": "/article/"+{urlName}


            },

        } 
                                   )
    }

<aura:iteration var ="articleview" items="{!v.articleview}">
    <div>
    <p class="astyle"><a class="slds-text-color--default" onclick="{!c.navigate}" >{!articleview.title}</a></p>
</div>

Answer 1

your component must implement the lightning:isUrlAddressable and must to use lightning:navigation i recommended to go through this doc

cmp

<lightning:navigation aura:id="navService"/>

<aura:iteration var ="articleview" items="{!v.articleview}">
    <div>
    <p class="astyle"><a class="slds-text-color--default" onclick="{!c.navigate}" >{!articleview.title}</a></p>
</div>

controller:

({
    navigate: function(cmp, event, helper) {
        cmp.find("navigation").navigate({
            type: "standard__knowledgeArticlePag",
            attributes: {
                "articleType": "c__componentB",
                "urlName": "/article/"+{your url Name}


                },

            } 
        }, true); 
    }
})