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-时传递参数的功能点击

我也尝试传递标志变量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;

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

1 个答案: