Question

我在范围内的集合上使用ng-repeat显示多个标签。

现在我需要一个＆＃34; CurrentSelection＆＃34;范围上应该绑定到活动标签名称的属性。这是我正在尝试的代码，但它不起作用，我总是变得虚假。

<uib-tab ng-repeat="mapping in template.mappings track by $index" heading="{{mapping.name}}({{mapping.targetEngineVersion}})"
                     active={{mapping.active}}>

这里我写了一个函数，它告诉活动标签的名称：

private getMapping() {

    return this._scope.template.mappings.filter(function(mapping){
      return mapping.active;
    })[0];

        }

Answer 1

我认为你需要有一个uib-tabset然后使用active属性来选择活动标签。

<uib-tabset active="active">
    <uib-tab ng-repeat="mapping in template.mappings" heading="{{mapping.name}}({{mapping.targetEngineVersion}}) {{mapping.active}}" index="$index">
</uib-tabset>

 $scope.change = function(){
    for(var i = 0; i < $scope.template.mappings.length; i++){
      if($scope.active === i){
        var x = 0;
        if(i+1 < $scope.template.mappings.length){
          x = i+1;
        }
        $scope.active = x;
        break;
      }
    }
  };

这是一个工作示例的链接。 http://codepen.io/mkl/pen/bepOOa

如何将当前选定的选项卡绑定到范围上的属性

1 个答案: