Angular 1.5组件…ng-link问题

Angular 1.5 component ...ng-link Issue

本文关键字:ng-link 问题 5组件 Angular      更新时间:2023-09-26

我有了导航栏 Home Accounts Services Orders Tickets 点击Accounts有下拉字段new CustomerSearch Customer点击new Customer它应该导航到home组件。

根组件视图:

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

$routeConfig: [  
    { path: "/dashboard", component: "dashboard",name:"Dashboard",useAsDefault: true },  
    { path: "/home", component: "home", name:"Home" },  
    { path: "/account", component: "account", name:"Account" },  
    { path: "/**", redirectTo: ["Home"] }  
],  
<<p> 国内组件/strong>
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>

点击new Customer应该显示home组件视图,但是没有显示home组件视图,也没有错误!!

您可以将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可能是这里的问题。

:角路由器文档