javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 06:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

Delete item works

Browse Source
This commit is contained in:
Max Lynch
2013-10-10 16:29:35 -05:00
parent 92c0d2315b
commit 82ba734a73
5 changed files with 34 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
js/ext/angular/src/directive/ionicList.js vendored
View File

@ -7,7 +7,7 @@ angular.module('ionic.ui.list', ['ionic.service', 'ngAnimate'])
transclude: true,
template: '<li class="list-item">' +
' <div class="list-item-edit" ng-if="item.canDelete">' +
' <button class="button button-icon"><i ng-class="deleteIcon"></i></button>' +
' <button class="button button-icon" ng-click="deleteClicked()"><i ng-class="deleteIcon"></i></button>' +
' </div>' +
' <div class="list-item-content" ng-transclude>' +
' </div>' +
@ -16,9 +16,15 @@ angular.module('ionic.ui.list', ['ionic.service', 'ngAnimate'])
' </div>' +
'</li>',
link: function($scope, $element, $attr) {
// Triggered when a button is clicked
$scope.buttonClicked = function(button) {
button.buttonClicked && button.buttonClicked($scope.item);
}
// Triggered when the delete item is clicked
$scope.deleteClicked = function() {
$scope.item.deleteItem && $scope.item.deleteItem();
}
}
}
})

4
js/ext/angular/test/list.html
View File

@ -104,6 +104,7 @@
canSwipe: true,
icon: 'icon-chevron-right',
hide: false,
deleteItem: removeItem,
buttons: [{
text: 'Kill',
type: 'button-danger',
@ -115,6 +116,7 @@
canDelete: true,
canSwipe: true,
icon: 'icon-chevron-right',
deleteItem: removeItem,
buttons: [{
text: 'Kill',
type: 'button-danger',
@ -126,6 +128,7 @@
canDelete: true,
canSwipe: true,
icon: 'icon-chevron-right',
deleteItem: removeItem,
buttons: [{
text: 'Kill',
type: 'button-danger',
@ -137,6 +140,7 @@
canDelete: true,
canSwipe: true,
icon: 'icon-chevron-right',
deleteItem: removeItem,
buttons: [{
text: 'Kill',
type: 'button-danger',