title: ng-bind not working on ng-dialog in AngularJs
body: <p>I have an input field with the following content</p>
  
  <pre><code>&lt;textarea id="textfield" ng-bind="emojiMessage.rawhtml | colonToCode"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>It works very well if I remove it from ng-dialog but when I put it on a ng-dialog it fails. Please what could be wrong or is there better approach that I am missing?</p>
  
  <pre><code>&lt;script type="text/ng-template" id="firstDialogId"&gt;
      &lt;textarea id="textfield" ng-bind="emojiMessage.rawhtml | colonToCode"&gt;&lt;/textarea&gt;
      &lt;/script&gt;
  </code></pre>
  
  <p>=======EDITTED========
  This is my controller</p>
  
  <pre><code>.config(['ngDialogProvider', function (ngDialogProvider) {
              ngDialogProvider.setDefaults({
                  className: 'ngdialog-theme-default',
                  closeByDocument: false
              });
  }])
  .controller('DialogCtrl', function ($scope, $rootScope, ngDialog, $timeout) {
  
              $scope.open = function () {
                  ngDialog.open({ template: 'firstDialogId' });
              };
  
              $rootScope.$on('ngDialog.setPadding', function (event, padding)
              {
                  angular.element( document.querySelector('.paddingHeader') ).css('padding-right', padding + 'px');
  });
  })
  </code></pre>
  
  <p>========This controller defines emojiMessage.rawhtml</p>
  
  <pre><code>.controller('emojiController', ['$scope', function($scope) {
  $scope.emojiMessage={};
  </code></pre>