如何添加图标排离子框架？ [英] How to add icon on row in ionic framework?

问题描述

我试图使离子简单的演示。我已经有一个图标离子撰写（左下图标）一个页脚。当我点击该图标，它显示一个弹出屏幕在我的文本字段和preSS 输入名称保存按钮。然后，它会生成一个行写在弹出屏幕的文本字段具有相同的文本。我需要添加图标按钮上排（如删除键，编辑键）。我们可以为我做了注脚动态生成的行（左下离子作曲家）添加图标？

I am trying to make simple demo in ionic. I have one footer having one icon ion-compose (bottom left icon). When I click on that icon it show a pop up screen I enter name in text field and press save button. Then it generates a row which have same text as written in textfield of popup screen. I need to add icon buttons on row (like delete button, edit button). Can we add icon on dynamically generated row as I did in footer (bottom left ion-composer)?

请于行添加离子

下面是我的code

的http：//$c$cpen.io/anon/pen/qdEEPW

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

            </ion-item>

请在页脚左侧preSS底部的按钮。当点击它显示弹出SND填写入境它产生row.I需要添加一行图标
 我会告诉我想要什么形象

我需要删除的图标和编辑按钮图标row..you可以从此链接中选择艾米图标
http://ionicons.com/

please press bottom button on left side of footer .when click it show pop up snd fill entry it generate the row.I need to add icons on row I will show the image what i want I need delete icon and edit button icon on row..you can choose amy icon from this link http://ionicons.com/

推荐答案

相关报道：<一href=\"http://stackoverflow.com/questions/29861053/how-to-add-icons-in-row-which-is-generated-dynamically-in-ionic/29861176?noredirect=1#comment47848806_29861176\">how添加图标其中离子动态生成的行

Related: how to add icons in row which is generated dynamically in ionic

图标添加。
你将不得不添加功能的按钮。

icons added. You will have to add the functions for the buttons.

HTML

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

JS：

myPopup.then(function(res) {
        console.log('Tapped!', res);
        if(typeof res!='undefined')
          res.edit="ion-edit";
          res.close="ion-close";
        $scope.items.push(res)

        console.log($scope.items);
    });

的http：//$c$cpen.io/anon/pen/XbJJzO

这篇关于如何添加图标排离子框架？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！