如何在离子中动态生成的行中添加图标

Question

我正在尝试在 ionic 中制作简单的演示。我有一个页脚有一个图标 ion-compose（左下角图标）。当我点击该图标时，它会显示一个弹出屏幕，我输入在文本字段中命名并按 save 按钮。然后它会生成一个与弹出屏幕的文本字段中写入的文本相同的行。我需要在行上添加图标按钮（如删除按钮、编辑按钮）。我们可以像在页脚（左下离子作曲家）中那样在动态生成的行上添加图标吗？ 请在行上添加离子

这是我的代码

http://codepen.io/anon/pen/qdEEPW

   <ion-item ng-repeat="item in items">
                {{item.testcase}}
                <ion-reorder-button class="ion-navicon"></ion-reorder-button>

            </ion-item>

请按页脚左侧的底部按钮。单击它时会弹出 snd 填充条目，它会生成行。我需要在行上添加图标

Answer 1

您必须能够修改他们的框架以从项目对象中获取新的键/值并将其传递给它提供给 div 的类。

res.class="icon-class";
$scope.items.push(res)

我修改了您的 codepen 以显示您可以将项目对象传递给类键/值 http://codepen.io/anon/pen/XbJJzO