javascript - NG-repeat 和指令一次展开一个列表项

标签 javascript html angularjs directive

我有一个带有可扩展列表项的 ng-repeat 代码。我想一次展开一项。

我尝试这样做的方式是 在 html 文件中

<div data-ng-repeat="parts in data track by $index">
    <li id="titleHelp" ng-click='setItem($index);">

并且在 setItem 函数的指令中,我想折叠先前展开的项目并展开新的项目。是否可以使用索引访问指令中的一个重复元素?

谢谢!

最佳答案

目前您如何展开列表项? 我要做的是在单击某个项目后立即设置一个变量,并在重复列表中执行

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

在 setItem 函数中:

$scope.setItem = function(i) {
    $scope.selected_item = i;
}

关于javascript - NG-repeat 和指令一次展开一个列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38393359/

相关文章:

javascript - Node.js 基于单选按钮选择从 SQLite 数据库中删除记录

javascript - Breezejs自动GUID解析

html5 兼容 cellpadding 仅在某些表中不编辑 td 元素

angularjs - 如何从 ACE-Angular 编辑器中获取值

angularjs - $注入(inject)器:undef Provider 'dataService' must return a value from $get factory method

javascript - 悬停时更改选项背景颜色?

javascript - jQuery .submit() 不适用于 Gravity Forms(Wordpress 插件)

html - Sub Nav 不水平显示在下方

javascript - 显示隐藏 <tr> 在 chrome 和 firefox 中不起作用

angularjs - Angular JS 图像验证最大尺寸和有效格式