0

AccountsHome Accounts Services Orders Tickets をクリックするとナビゲーション バー が表示され、そこにはフィールドnew CustomerSearch 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>

新しい顧客をクリックすると、ホーム コンポーネント ビューが表示されますが、ホーム コンポーネント ビューが表示されませんか?、エラーも発生しません!!

4

1 に答える 1