如何在angularjs中显示特定的div onclick
我有几个div用于onclick,还有几个div用于在onclick中显示,但我只想显示与特定div相关的特定div。在这里,我的应用程序运行良好,但对于2个不同的部分,它会重复,如果我单击第一个部分,第四个div也会显示。我还提供了不同的函数。有人能帮助我吗,我是angularjs的新手。下面是代码 HTML如何在angularjs中显示特定的div onclick,angularjs,Angularjs,我有几个div用于onclick,还有几个div用于在onclick中显示,但我只想显示与特定div相关的特定div。在这里,我的应用程序运行良好,但对于2个不同的部分,它会重复,如果我单击第一个部分,第四个div也会显示。我还提供了不同的函数。有人能帮助我吗,我是angularjs的新手。下面是代码 HTML 您正在使用同一个变量来显示/隐藏div,您已经构建了一些解决此问题的方法,但没有使用。试试这个: <div style="color:red" ng-click="test($in
您正在使用同一个变量来显示/隐藏div,您已经构建了一些解决此问题的方法,但没有使用。试试这个:
<div style="color:red" ng-click="test($index, 1)">second</div>
<p style="color:blue" ng-show="div_[$index+'_1']">zzz</p>
秒
zzz
div\[$index+''u0']
现在是div\[$index+'u1']
而
test($index,0)
必须是test($index,1)
你能重新表述一下这个问题吗?我不明白..这里我的要求是当我单击一个div时显示特定的相关div。但这里的问题是当我单击第一节的第一个div时,第二部分的第一个div也在显示。只需运行上面的代码并逐个单击div,您就可以理解我看不到您所说的内容我已经修改了,但如果我现在单击'second',我的意思是第四个div,没有显示任何内容,它应该显示'zzz'。test($index,0)
必须是test($index,1)
嘿,你能把答案标为正确吗?这很有帮助!:)
angular.module('plunker', [])
.controller('MainCtrl', function($scope) {
$scope.div_=[];
$scope.items = [
{
// id: 1,
title: "first item"
},
{
// id: 2,
title: "second item",
},
{
// id: 3,
title: "third item",
}
];
$scope.items2 = [
{
id: 5,
title: "first item 1"
},
{
id: 6,
title: "second item 2",
},
{
id: 7,
title: "third item 3",
}
];
$scope.onClick1 = function (indexa, row1){
alert('first');
$scope.div_[indexa+'_'+row1]=true;
}
$scope.test = function (indexb, row2){
$scope.div_[indexb+'_'+row2]=true;
}
});
<div style="color:red" ng-click="test($index, 1)">second</div>
<p style="color:blue" ng-show="div_[$index+'_1']">zzz</p>