Angular 1.5组件…ng-link问题
Angular 1.5 component ...ng-link Issue
我有了导航栏 Home Accounts Services Orders Tickets
点击Accounts有下拉字段new Customer和Search 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
可能是这里的问题。
:角路由器文档
相关文章:
- ng绑定和ng href问题.ng href未从控制器加载数据
- ng include导致角度问题
- 将输入值设置为ng模型属性[Angular]时出现问题
- 绑定的角度ng-max问题
- Angularjs ng-options 问题仅适用于 Chrome 浏览器
- 日期选择器的ng更改问题
- 角度:多个 ng 假设问题
- 从控制器更新值时出现 ng-if 问题
- 在初始加载期间遇到 ng 类问题
- 角度-iPhone/iPad上的ng模糊问题
- ng将问题隐藏在angular js中
- 数据绑定到文本区域和ng显示问题
- Ng-switch在ng-repeat问题中
- angular js中的Ng-repeat问题
- 奇怪的Angular ng模型问题
- Angular $scope和ng-if/ng-show问题.视图中的状态没有改变
- AngularJS的ng-model问题在重复表单时
- 在选择标签上有ng-model问题,但没有其他问题
- 在angular中调用$compile绑定动态HTML后的ng-repeat问题
- Angular 1.5组件…ng-link问题