從定製MD-對話框

Question

我有刪除按鈕MD-自動對焦一個這個MD-對話框https://codepen.io/patapron/pen/oLaxap

<md-button ng-click="answer('not useful')" > 
Not Useful 
</md-button> 
<md-button ng-click="answer('useful')" style="margin-right:20px;" > 
    Useful 
</md-button> 

怎麼做才能讓我從按鈕移除MD-自動對焦？

目標：任何按鈕都必須預選灰色塗料。

Answer 1

有一種更簡單的方法可以做到這一點，而無需編寫自定義指令。 Angular Material能夠移除內置的自動對焦。

在你的控制器，你正在寫的.show功能，設置focusOnOpen假focusOnOpen: false

文檔解釋了在這裏$mdDialog

這裏是我的外觀

爲例

function deleteMediaDialog() { 
     var dialogData = { 
     }; 

     $mdDialog.show({ 
      controller   : 'deleteMediaDialogController', 
      controllerAs  : 'vm', 
      templateUrl  : 'app/main/apps/scala-media/dialogs/delete/delete-dialog.html', 
      parent    : angular.element($document.body), 
      focusOnOpen  : false, 
      clickOutsideToClose: true, 
      locals    : { 
       dialogData: dialogData 
      } 
     }); 
    } 

Answer 2

我解決了mysleft。指令魔術

scope.$watch(function() { return ele.attr('class'); }, function() { 
    if (ele.hasClass('md-focused')) { 
     ele.removeClass('md-focused'); 
    } 
});