Question

是否有一项功能或技术可以实现一个列表项，该列表项在tapped上得到扩展？

Answer 1

不确定您是否已找到解决方案。

我今天正在寻找类似这样的东西，但只能使用角度的ng-show和范围来制作可扩展的列表。

我不确定你是否使用Angular，但无论如何我都为你做了一个例子。

将ng-show绑定到范围中的变量（在我的示例中，我已将JSON分配给范围变量，ng-show绑定到'expand'）：

listScope.items = [{heading:'heading for item 1',details:'some details about this item', expand: false}, 
{heading:'heading for item 2',details:'some other details about this item',expand: false},
{heading:'heading for item 3',details:'im getting over typing out details for items now',expand: false];

然后在我的html中，我有一个ng-repeat遍历项目：

<ons-list ng-repeat='item in listScope.items'>
<ons-list-item ng-click="listScope.toggleExpandList(item)">
  <h3>{{item.heading}}</h3>
  <div ng-show="item.expand">
    {{item.details}}
  </div>
</ons-list-item>
</ons-list>

我在作用域上有一个名为toggleExpandList（item）的函数，它可以切换所单击的特定项的展开值：

listScope.toggleExpandList = function(item){
item.expand = !item.expand; //toggle between true and false
}

然后ng-show魔术处理div。

查看完整示例： http://codepen.io/mloughton/pen/jbWYpK?editors=101

希望它有所帮助。

具有可扩展功能的Onsen UI列表项

1 个答案: