AccountsHome Accounts Services Orders Tickets
をクリックするとナビゲーション バー
が表示され、そこにはフィールドnew CustomerとSearch Customerを含むドロップダウンがあります。 new Customer をクリックすると、ホーム コンポーネントに移動する必要があります。
ルート コンポーネントのビュー:
<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-link="['Home']"
ルート構成:
$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>
新しい顧客をクリックすると、ホーム コンポーネント ビューが表示されますが、ホーム コンポーネント ビューが表示されませんか?、エラーも発生しません!!