Угловая 1,5 компонент ... нг-ссылка Выпуск

Question

У меня есть нав бар Home Accounts Services Orders Tickets по щелчку счетов есть выпадающий с полями новый клиент и Поиск клиентов По щелчку новых клиентов он должен перейти к домашнему компоненту.

вид корневого компонента:

<div class="dropdown"> 
    <a class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
     <span class="tab_ico fa fa-user"></span> 
     <span class="tab_name">ACCOUNTS</span> 
     <span class="caret_holder"><span class="caret"></span></span> 
    </a> 
    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
     <li><a href="#"><span class="tab_ico fa fa-search"></span> Search customer</a></li> 
     <li><a ng-link="['Home']"><span class="tab_ico fa fa-user"></span> New customer</a></li> 
    </ul> 
</div> 

Как вы можете видеть нг-ссылку = "[ 'Home']"

routeConfig:

$routeConfig: [ 
    { path: "/dashboard", component: "dashboard",name:"Dashboard",useAsDefault: true }, 
    { path: "/home", component: "home", name:"Home" }, 
    { path: "/account", component: "account", name:"Account" }, 
    { path: "/**", redirectTo: ["Home"] } 
], 

Главная Компонент

angular.module('app.home').component("home", { 
    templateUrl: "app/components/home/homeview.html", 

    controllerAs: "model", 
    controller: function($scope, dataservice) { 
     var vm = this; 
     console.log("entered into home component"); 

    } 
}) 

Главного вид компонента

<div> 
    <ul> 
     <li><span class="tab_ico fa fa-search"></span> SEARCH CUSTOMER <span class="closetab">x</span></li> 
     <li class="k-state-active"><span class="tab_ico fa fa-user"></span> Identification <span class="closetab">x</span></span></li> 
    </ul> 
</div> 

На щелчку новых клиентов он должен отображать вид компонента дома, но это не показывает вид домашнего компонента?, Без ошибок тоже. !!

Answer 1

Вы можете использовать ngLink с элементом <a> без href.

Вместо

<a href="#" ng-link="['Home']"><span class="tab_ico fa fa-user"></span> New customer</a> 

Используйте этот

<a ng-link="['Home']"><span class="tab_ico fa fa-user"></span> New customer</a> 

Я думаю, что href может быть проблема здесь.

Источник: Angular Router docs