如何通过ng-click& amp; NG-重复?

时间:2018-01-17 09:58:25

标签: angularjs

因此,问题在于我通过CSV数据运行ng-repeat,并将ng-click应用于每个相应的小部件,以将用户带到包含该数据的新标签页。

它只需单击一下,然后从那里注册点击,然后登录到控制台,但拒绝通过ng-click将我带回选项卡。只有单击选项卡标题才能返回到所述选项卡。

更重要的是,另一页上相同的代码完全正常。

<uib-tabset active="activeForm">

<uib-tab index="$index" heading="Overview">

<rd-widget-body style="cursor:pointer;user-select: none;" ng-click="setTab($index)">

<uib-tab index="$index" ng-repeat="x in data | ragFilter" ng-click="setTab($index)" style="user-select: none; padding:0px 0px 0px 0px;">

然后在控制器中:

$scope.setTab = function (newTab) {
    $scope.activeForm = newTab;
}

它记录了我点击小部件的事实,它不会在ng-click中多次设置标签。

1 个答案:

答案 0 :(得分:0)

事实证明,因为我在ng-if语句中保留了这个功能,因此它创建并销毁了一个唯一的范围,因此它没有跟踪分配给activeform的int值。

将int分配到对象中,如下所示修复了问题。

$scope.setTab = function (newTab) {
    $scope.activeForm = { "i": newTab};

}

uib-tabset active="activeForm.i">