現在選択されているタブをスコープのプロパティにバインドする方法

Question

スコープ内のコレクションに対してng-repeatを使用して複数のタブが表示されています。

アクティブなタブの名前にバインドするスコープに "CurrentSelection"プロパティが必要です。私がしようとしているコードはありますが、機能していません。私はいつも間違っています。私はあなたがアクティブなタブを選択するために、アクティブなプロパティを使用して、その後UIB-タブセットを持っているとする必要があるだろうと思い

private getMapping() { 

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

     } 

Answer 1

：

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