从角度选项卡指令示例路由答案

【问题标题】：routing from angular tabs directive example从角度选项卡指令示例路由
【发布时间】：2013-12-31 14:51:01
【问题描述】：

如何使用 angular tab 指令中的 href 链接通过路由转到视图。不知何故，我认为您必须将根范围添加到指令中。

appTreeDirectives.directive('tabs', function() { 返回 { 限制：'E'，嵌入：真实，范围： {}，控制器：功能（$范围，$元素）{ var panes = $scope.panes = [];

        $scope.select = function(pane) {
            angular.forEach(panes, function(pane) {
                pane.selected = false;
            });

            pane.selected = true;
        }

        this.addPane = function(pane) {
            if (panes.length == 0)
                $scope.select(pane);

            panes.push(pane);
        }
    },
    template:
    '<div class="tabbable">' +
    '<ul class="nav nav-pills nav-stacked">' +
    '<li ng-repeat="pane in panes" ng-class="{active:pane.selected}">'+
    '<a href="" ng-click="select(pane)"> <i class="fa fa-list-alt fa-lg"></i></span> {{pane.title}}</a>' +
    '</li>' +
    '</ul>' +
    '<div class="tab-content" ng-transclude></div>' +
    '</div>',
    replace: true
};

【问题讨论】：

标签： angularjs

【解决方案1】：

您可以将主题标签写入 href 以进行导航。

<a href="#/viewName">Navigate to a view</a>

【讨论】：