javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat($ionicActionSheet): allow html binding

Browse Source 
Closes #1219
This commit is contained in:
Andy Joslin
2014-04-29 10:34:31 -06:00
parent ab244c657f
commit 3e5b39f201
3 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
js/angular/directive/actionSheet.js vendored
View File

@@ -34,14 +34,14 @@ IonicModule
'<div class="action-sheet-wrapper">' +
'<div class="action-sheet">' +
'<div class="action-sheet-group">' +
'<div class="action-sheet-title" ng-if="titleText">{{titleText}}</div>' +
'<button class="button" ng-click="buttonClicked($index)" ng-repeat="button in buttons">{{button.text}}</button>' +
'<div class="action-sheet-title" ng-if="titleText" ng-bind-html="titleText"></div>' +
'<button class="button" ng-click="buttonClicked($index)" ng-repeat="button in buttons" ng-bind-html="button.text"></button>' +
'</div>' +
'<div class="action-sheet-group" ng-if="destructiveText">' +
'<button class="button destructive" ng-click="destructiveButtonClicked()">{{destructiveText}}</button>' +
'<button class="button destructive" ng-click="destructiveButtonClicked()" ng-bind-html="destructiveText"></button>' +
'</div>' +
'<div class="action-sheet-group" ng-if="cancelText">' +
'<button class="button" ng-click="cancel()">{{cancelText}}</button>' +
'<button class="button" ng-click="cancel()" ng-bind-html="cancelText"></button>' +
'</div>' +
'</div>' +
'</div>' +

2
js/angular/service/actionSheet.js vendored
View File

@@ -24,7 +24,7 @@
* // Show the action sheet
* $ionicActionSheet.show({
* buttons: [
* { text: 'Share' },
* { text: '<b>Share</b> This' },
* { text: 'Move' },
* ],
* destructiveText: 'Delete',

10
test/html/actionsheet.html
View File

@@ -136,12 +136,12 @@
$scope.show = function() {
$ionicActionSheet.show({
buttons: [
{ text: 'Share' },
{ text: 'Move' },
{ text: 'Share <i class="icon ion-beaker"></i>' },
{ text: 'Move <i class="icon ion-person"></i>' },
],
destructiveText: 'Delete',
titleText: 'Modify your album',
cancelText: 'Cancel',
destructiveText: 'Delete <i class="icon ion-minus"></i>',
titleText: 'Modify your album <i class="icon ion-android-book"></i>',
cancelText: 'Cancel <i class="icon ion-no-smoking"></i>',
cancel: function() {
console.log('CANCELLED');
},