angularjs - 动态隐藏？

Question

我正在尝试根据输入隐藏 div。它是一个带有 id 的列表，所以目前我的 div 看起来像:

<div class="animate-show" ng-hide="'hide'-{{item.Id}}">

此输出:ng-hide中的'hide'-1。我尝试删除 '' 但它不起作用。

计划是每个项目都有一个按钮，当单击该按钮时，它将应用 $scope.hide-1 = true;，为该项目设置淡出动画。

有人根据按钮点击隐藏了列表中的项目(div 中的 div)吗？我该怎么办？

Answer 1

您可以像这样构造动态范围属性名称:

<div class="animate-show" ng-hide="this['hide-' + item.Id]">

在ngHide内部this指向作用域对象($scope)，然后你只需使用括号表示法使用变量构建属性名称.

请注意，$scope.hide-1 是无效符号，因此最好是 $scope.hide1。