title: $mdDialog confirm rearrange cancel-ok to ok-cancel
body: <p>In our web app I use Angular-Materials $mdDialog with the confirm-object. Is it possible to change the order of the buttons from cancel-ok to ok-cancel? And to set the initial focus to the cancel button? Maybe via CSS or a template?</p>
  
  <p>The code looks like that:</p>
  
  <pre><code>var confirm = this.$mdDialog.confirm()
    .parent(angular.element(document.body))
    .title('Löschen')
    .content('Möchten Sie wirklich löschen?')
    .ariaLabel('Löschen')
    .ok('Ja')
    .cancel('Nein')
    .targetEvent(event);
  
  this.$mdDialog.show(confirm)
    .then(() =&gt; {
       // do something
    });
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/8O7gL.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8O7gL.jpg" alt="enter image description here"></a></p>