From 3e5b39f20175fbe16d7439bdfbeb508544782fbf Mon Sep 17 00:00:00 2001
From: Andy Joslin <andytjoslin@gmail.com>
Date: Tue, 29 Apr 2014 10:34:31 -0600
Subject: [PATCH] feat($ionicActionSheet): allow html binding

Closes #1219
---
 js/angular/directive/actionSheet.js |  8 ++++----
 js/angular/service/actionSheet.js   |  2 +-
 test/html/actionsheet.html          | 10 +++++-----
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/js/angular/directive/actionSheet.js b/js/angular/directive/actionSheet.js
index b618b5dd12e..02443d56b4a 100644
--- a/js/angular/directive/actionSheet.js
+++ b/js/angular/directive/actionSheet.js
@@ -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>' +
diff --git a/js/angular/service/actionSheet.js b/js/angular/service/actionSheet.js
index 05a5b77451e..1b60da41367 100644
--- a/js/angular/service/actionSheet.js
+++ b/js/angular/service/actionSheet.js
@@ -24,7 +24,7 @@
  *    // Show the action sheet
  *    $ionicActionSheet.show({
  *      buttons: [
- *        { text: 'Share' },
+ *        { text: '<b>Share</b> This' },
  *        { text: 'Move' },
  *      ],
  *      destructiveText: 'Delete',
diff --git a/test/html/actionsheet.html b/test/html/actionsheet.html
index 2ff5d42bf05..a7100c3ee6b 100644
--- a/test/html/actionsheet.html
+++ b/test/html/actionsheet.html
@@ -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');
             },