首页 文章

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

提问于
浏览
0

我试图在离子中进行简单演示 . 我有一个页脚有一个图标 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填充条目它会生成行 . 我需要在行上添加图标

1 回答

  • 0

    你必须能够修改他们的框架,从items对象中获取一个新的键/值,并将它传递给它给div的类 .

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

    我修改了你的codepen以显示你可以传递items对象的类键/值http://codepen.io/anon/pen/XbJJzO

相关问题