0

我有賬戶的點擊導航欄 Home Accounts Services Orders Tickets沒有與領域新客戶搜索客戶新的客戶的點擊下拉它應該導航到家庭組件。角1.5組件... NG-鏈接問題

視圖根組件:

<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> 

正如你可以看到NG-鏈路= 「[ '首頁']」

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> 

新客戶它應該顯示家零部件視圖的點擊,但它不在家顯示組件視圖?,沒有錯誤也。!

+0

爲什麼你不使用'ngHref',而不是'ngLink'? –

+0

我認爲兩者都會同樣工作 – Pavan

回答

0

您可以使用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

+0

我已經刪除了href =「#」然後也一樣....它沒有顯示任何東西,點擊新客戶 – Pavan