joyride for multiple html pages in app

[learner972]

Hi,

I am new to Angular JS I need to add joyride tour for my Angular App,how to I implement it for multiple html keeping the code in single controller ,
$scope.config = [
{
type: "location_change",
path: "/"
},

       {
            type: "title",
            heading: "Welcome to the NG-Joyride demo",
            text: '<div class="row"><div id="title-text" class="col-md-12"><span class="main-text">Welcome to <strong>Ng Joyride Demo</strong></span><br><span>( This demo will walk you through the features of Ng-Joyride. )</span><br/><br/><span class="small"><em>This can have custom html too !!!</em></span></div></div>',
            curtainClass: "randomClass"

        },
        {
            type: "element",
            selector: "#headerDonateBtn",
            heading: "Title can have <em>HTML</em>",
            text: "They can also be appended to the <em> body</em>",
            placement: "bottom",
            scroll: true,
            attachToBody: true
        },
        {
            type: "location_change",
            path: "/landing"
        },
        {
            type: "element",
            selector: "#challengerList",
            heading: "Title can have <em>HTML</em>",
            text: "They are in Landing to the <em> body</em>",
            placement: "bottom",
            scroll: true
         }

    ];

I am having this code in one of my controller,but I am getting no html content when it changes location
Kindly suggest