如何通过使用AngularJS中的动态ID隐藏显示DIV

Question

我的代码如下：

<ul class="main-icons"  ng-if="showMainIcons">
   <li ng-repeat="programData in tab.data">
      <img src="{{programData.icon}}"
           ng-click="programClicked($event,programData,tab)">
       // some another codes
    </li>
</ul>
<ul class="details-icons"  ng-show="tab.data.id"> 
   // some codes
</ul>

控制器中的代码

$scope.programClicked = function($event,programData, tabData) {
        var newVar =  tabData.data.id;
        $scope.newVar = true;
        $scope.showMainIcons = false;
}

我正在显示多个选项卡，现在在一个选项卡中，如果我单击某些图标，它将显示详细信息，而不是它显示所有选项卡的详细信息，而不是特定的选项卡，而我在使用ng-时必须在函数中传递param点击

我也试图传递标志变量true/fals，它也像控制器一样显示所有选项卡

中的所有选项卡

$scope.showDetails = true; 
$scope.showMainIcons = false

预先感谢

Answer 1

，我可以看到您的HTML代码是：

<ul class="details-icons"  ng-show="tab.data.id"> 
   // some codes
</ul>

所以您在这里使用：" tab.data.id"但是在控制器中，您正在使用：var newvar = tabdata.id;我认为应该：var newvar = tab.data.id;