Wij-tabs to work with AngularJs Router?

Originally Posted 16 April 2014, 5:43 am EST

  • Originally Posted 16 April 2014, 5:43 am EST

    Hi,

    I tried to use http://wijmo.com/docs/wijmo/webframe.html#wijtabsDirectives.html in the application. However, I need the href passes some id to the AngularJs router. And also, it doesn't seen to work without the divs with the id (used in the wijtabsDirective example). The wij-tabs tag turns into div tag. For AngularJs Routing, the tab content get downloaded by AngularJs Router. Can you provide an example of such usage?

    Thanks
  • Reply

    Hello,

    The wijtabs widget is based on the div structure that is creating div's with specific id's so as to convert the same to wijtabs. So, it would not be possible to create wijtabs without div taas having specific id's.

    You would need to pass these id's in the href attribute. However, later you can simply load the content returned by the Angular Router link into the specific tab of wijtabs by changing its inner HTML content. Here is a sample code:


    function loadPage(page_url, div_id) {
    var el = document.getElementById(div_id);
    el.innerHTML = "Test Content";
    }


    Hope it helps.

    Thanks,
    Manpreet Kaur
  • Reply

    Angular Js is basically used for developed mobile Apps. It is very useful for Wjj tab is work with the angular JS Router. Simply AngularJS is perfect for Single Page Applications. If you are developing the Web Apps and your internet is not working due to Linksys Router please visit https://www.routertechnicalsupportnumbers.com/linksys-router-support/
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels