如何在AngularJS中使用动态ID隐藏show div

Question

我的代码如下html文件：

<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-click时在函数中传递参数

我也尝试传递标志变量true / false，它也像控制器一样显示所有标签

$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;