0

Я пытаюсь сделать простую демоверсию в ионной форме. У меня есть один нижний колонтитул с одним значком ion-compose (внизу слева значок). Когда я нажимаю на этот значок, он показывает всплывающее окно. Я ввожу имя в текстовое поле и нажимаю save button. Затем он генерирует строку, которая имеет тот же текст, что и в текстовом поле всплывающего экрана. Мне нужно добавить кнопки значков в строке (например, кнопка удаления, кнопка редактирования). Можно ли добавить значок в динамически сгенерированную строку, как в нижнем колонтитуле (нижний левый ион-композитор)?Как добавить значок в строку в ионном каркасе?

Пожалуйста, добавьте ион на ряд

Вот мой код

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> 

пожалуйста, нажмите нижнюю кнопку на левой стороне нижнего колонтитула .when нажмите это показать всплывающее SND заполнить запись его генерировать row.I нужно добавить значки в строке Я покажу изображение, что я хочу enter image description here Мне нужно удалить значок и изменить значок кнопки на строке .. youou Можно выбрать значок из этих Эх ссылок http://ionicons.com/

ответ

1

связанныхсоздоровья how to add icons in row which is generated dynamically in ionic

иконок добавлены. Вам нужно будет добавить функции для кнопок.

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://codepen.io/anon/pen/XbJJzO

Смежные вопросы