angular-ui-bootstrap – 如何为angular ui-bootstrap tabs指令

发布时间：2020-12-17 07:18:20 所属栏目：安全来源：网络整理

导读：我正在使用角度ui-bootstrap库,但我不知道如何为每个选项卡指定自定义href. tab ng-repeat="tab in tabs" active="tab.active" heading={{tab.name}}/tab 在角度ui-bootstrap文档中,指定了一个可选参数select(),但我不知道如何使用它来自定义每个选项卡的链

我正在使用角度ui-bootstrap库,但我不知道如何为每个选项卡指定自定义href.

<tab ng-repeat="tab in tabs" active="tab.active" heading={{tab.name}}></tab>

在角度ui-bootstrap文档中,指定了一个可选参数select(),但我不知道如何使用它来自定义每个选项卡的链接

另一种重新定义问题的方法是如何使用带有角度ui-bootstrap选项卡的路由

我希望现在还不算太晚,但我今天遇到了同样的问题.你可以通过以下方式实现：

1)在控制器中定义选项卡href：

$scope.tabs = [
  { title:"tab1",href:"#/route1/page1" },{ title:"tab2",href:"#/route1/page2" }
];

2)声明一个函数来改变控制器中的散列：

$scope.changeHash = function(data) {
  window.location.hash = data;
};

3)使用以下标记：

<tabset>
    <tab ng-repeat="tab in tabs" heading="{{tab.title}}"
        active="tab.active" select="changeHash(tab.href)" />
  </tabset>

我不确定这是否是最好的方法,我很乐意听取别人的意见.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!