CSS kann nicht auf angularjs angewendet werden. Dialog

Question

Ich erstelle eine mobile Anwendung, wo, wenn Sie auf eine Schaltfläche klicken und ein Dialogfenster erscheint. Mein Problem ist, dass dieses Fenster nicht reagiert, und ich kann sein CSS nicht ändern.

Hier ist der Code:

Controller.js

.controller('jargonController', ['$scope','$mdDialog','$mdMedia',function ($scope, $mdDialog, $mdMedia){ 

$scope.status = ' '; 

    $scope.showTabwtr = function(ev) { 
    $mdDialog.show({ 
     controller: DialogController, 
     templateUrl: 'templates/jargon/wtr.tmpl.html', 
     parent: angular.element(document.body), 
     windowClass: 'center-modal', 
     targetEvent: ev, 
     clickOutsideToClose:true 
    }) 
     .then(function(answer) { 
      $scope.status = 'You said the information was "' + answer + '".'; 
     }, function() { 
      $scope.status = 'You cancelled the dialog.'; 
     }); 
    } 

Index.HTML

<div class="col col-50" > 
    <img src="img/jargon/Image13.png" ng-click="showTabwtr($event)" style="width: 100%; height: auto"/> 
</div> 

Vorlage

<div class="modall"> 
    <img style="max-width:200px; max-height:100px"src="img/description/Image17.png"/> 
</div> 

CSS

.modall { 

    margin: auto; 
    position: relative; 
    max-width: 200px; 
    max-height: 80px; 
    background: transparent; 
} 

Answer 1

$scope.showTabwtr = function(ev) { 
    $mdDialog.show({ 
     controller: DialogController, 
     templateUrl: 'templates/jargon/wtr.tmpl.html', 
     parent: angular.element(document.body), 
     windowClass: 'center-modal', 
     targetEvent: ev, 
     cssClass: 'your css name', 
     clickOutsideToClose:true 
    }) 

Verwendung dieses cssClass Eigenschaft