mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 23:16:52 +08:00
47 lines
1.5 KiB
JavaScript
47 lines
1.5 KiB
JavaScript
angular.module('ionic.ui.list', ['ionic.service'])
|
|
|
|
.directive('listItem', function() {
|
|
return {
|
|
restrict: 'E',
|
|
replace: true,
|
|
transclude: true,
|
|
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('list', function() {
|
|
return {
|
|
restrict: 'E',
|
|
replace: true,
|
|
transclude: 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}}' +
|
|
' <i class="{{item.icon}}" ng-if="item.icon"></i>' +
|
|
'</list-item>' +
|
|
'</ul>',
|
|
compile: function(element, attr, transclude) {
|
|
return function($scope, $element, $attr) {
|
|
var lv = new ionic.views.List({el: $element[0]});
|
|
|
|
$element.append(transclude($scope));
|
|
}
|
|
}
|
|
}
|
|
})
|