Animated spinners not working with ng-style



I am trying to dynamically bind the spinner sizes using ng-style but with no success.
Here is a codepen showing that ng-style doesn’t work.

Any suggestion?


The HTML formed will be some thing like this.

<ion-spinner icon="android" ng-style="{ 'height':'300px','width' : '200px'}" 
class="spinner spinner-android"><svg viewBox="0 0 64 64">.....</svg></ion-spinner>

You are trying to apply CSS for ion-spinner. If you try to apply the css(height and width) for svg, then it will reflect the changes.