Как создать nav-bar c Routing на component?

Question

[Denis Kharchenko]

Добрый день, коллеги.

Есть nav-bar

<md-content class="md-padding">
    <md-nav-bar md-selected-nav-item="l.currentNavItem">
        <md-nav-item md-nav-sref="home" name="/home">Главная</md-nav-item>
        <md-nav-item md-nav-sref="contact" name="/contact">Контакты</md-nav-item>
        <md-nav-item md-nav-sref="about" name="/about">О нас</md-nav-item>
    </md-nav-bar>
    <div class="ext-content">
    </div>
</md-content>

(function () {
    "use strict";
    angular.module("layoutApp", ['ngMaterial', 'homeApp', 'contactApp', 'aboutApp' ])
})();

(function () {
    'use strict';
    angular.module('layoutApp')
        .component("layouttag",
        {
            controllerAs: "l",
            controller: [Layout],
            bindToController: true,
            templateUrl: "/App/layout/layout.html"
        });

    function Layout() {
        var l = this;
        l.$onInit = function () {
            l.currentNavItem = "/home"
        }
    }
})();

(function () {
    'use strict';
    angular.module('homeApp')
        .component("hometag",
        {
            controllerAs: "h",
            controller: [Home],
            templateUrl: "/App/home/home.html"
        });

    function Home() {
        var h = this;
    }
})();

(function () {
    'use strict';
    angular.module('contactApp')
        .component("contacttag",
        {
            controllerAs: "c",
            controller: [contact],
            templateUrl: "/App/contact/contact.html"
        });

    function Сontact() {
        var c = this;
    }
})();

(function () {
    'use strict';
    angular.module('aboutApp')
        .component("abouttag",
        {
            controllerAs: "a",
            controller: [About],
            templateUrl: "/App/about/about.html"
        });

    function About() {
        var a = this;
    }
})();

При переходе хотелось преходить на component модуля. Как это сделать?

Спасибо
С уважением

Answer 1

[_ _]

https://ui-router.github.io/guide/ng1/route-to-com...