角1.5コンポーネント... ngのリンクを発行

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> 

あなたは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> 

、しかし、それは家庭のコンポーネントビューが表示されていない？、またエラーなし。!!

Answer 1

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