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

List updates and directives with it!

Browse Source
This commit is contained in:
Max Lynch
2013-10-09 19:33:52 -05:00
parent 03b6cdad74
commit ec889daf06
10 changed files with 263 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,21 +5,52 @@ angular.module('ionic.ui.list', ['ionic.service'])
restrict: 'E',
replace: true,
transclude: true,
scope: {},
template: '<ul class="list-group" ng-transclude></ul>',
scope: {
isEditing: '='
},
template: '<ul class="list" ng-class="{\'list-editing\': isEditing}" ng-transclude></ul>',
link: function($scope, $element, $attr) {
var lv = new ionic.views.List({el: $element[0]});
}
}
})
/*
.directive('listItem', function() {
return {
restrict: 'E',
replace: true,
transclude: true,
scope: {}
template: '<li class="list-item">' +
' <div class="list-item-edit" ng-if="item.canDelete">' +
' <button class="button button-icon"><i class="icon-minus-sign"></i></button>' +
' </div>' +
' <div class="list-item-content" ng-transclude>' +
' </div>' +
' <div class="list-item-buttons" ng-if="item.canSwipe">' +
' <button class="button button-{{button.type}}" ng-repeat="button in item.buttons">{{item.button.text}}</button>' +
' </div>' +
'</li>',
link: function($scope, $element, $attr) {
}
}
});
*/
})
.directive('listItems', function() {
return {
restrict: 'E',
replace: true,
scope: {
isEditing: '=',
items: '='
},
template: '<ul class="list" ng-class="{\'list-editing\': isEditing}">' +
'<list-item ng-repeat="item in items" canDelete="item.canDelete" canSwipe="item.canSwipe">' +
' {{item.text}}' +
'</list-item>' +
'</ul>',
link: function($scope, $element, $attr) {
var lv = new ionic.views.List({el: $element[0]});
}
}
})