Javascript Ng repeat和directive一次展开一个列表项
我有一个带有可扩展列表项的Javascript Ng repeat和directive一次展开一个列表项,javascript,html,angularjs,directive,Javascript,Html,Angularjs,Directive,我有一个带有可扩展列表项的ng repeat代码。我想一次扩展一个项目 我尝试的方式是 在html文件中 <div data-ng-repeat="parts in data track by $index"> <li id="titleHelp" ng-click='setItem($index);"> 当前如何展开列表项? 我要做的是在单击一个项目时设置一个变量,并在重复列表中执行 <div data-ng-repeat="parts in data
ng repeat
代码。我想一次扩展一个项目
我尝试的方式是
在html文件中
<div data-ng-repeat="parts in data track by $index">
<li id="titleHelp" ng-click='setItem($index);">
当前如何展开列表项?
我要做的是在单击一个项目时设置一个变量,并在重复列表中执行
<div data-ng-repeat="parts in data track by $index">
<li id="titleHelp" ng-click='setItem($index);">
<div ng-show="$index = selected_item"> <!-- contents --></div>
当前如何展开列表项?
我要做的是在单击一个项目时设置一个变量,并在重复列表中执行
<div data-ng-repeat="parts in data track by $index">
<li id="titleHelp" ng-click='setItem($index);">
<div ng-show="$index = selected_item"> <!-- contents --></div>
声明一个对象
$scope.obj={selected:null};
然后在ng repeat中添加一个方法
$scope.isHide = function (id) {
if (id == $scope.obj.selected)
return $scope.obj.selected = "all";
return $scope.obj.selected = id;
}
如果要隐藏div,请使用id调用此方法。如果需要,请对li执行相同的操作。声明一个对象
$scope.obj={selected:null};
然后在ng repeat中添加一个方法
$scope.isHide = function (id) {
if (id == $scope.obj.selected)
return $scope.obj.selected = "all";
return $scope.obj.selected = id;
}
如果要隐藏div,请使用id调用此方法。如果需要,请对li执行相同的操作。响应中有语法错误;在HTML中,您应该有ng show=“$index==selected_item”
响应中有语法错误;在HTML中,您应该有ng show=“$index==selected\u item”