special syntax to display SVG components ?

[JF89]

Hello,
I wonder why is there a special syntax in the example below with the character ! in the sentence :

<div ma-selector="#DAS-OFF rect" ng-style="{'fill': !dasStatus.value ? 'red' : 'white'}"></div>

And not in that sentence :

<div ma-selector="#DAS-ON rect" ng-style="{'fill': dasStatus.value ? 'green' : 'white'}"></div>

I tried to remove it but , the animation does’nt work properly.

Any idea ?

Best regards

[JF89]

for quicker view:

[Jared Wiltshire]

@JF89 Have you seen the examples for <ma-svg>? Do you understand what ma-selector does? Do you know what ng-style does? Have you read the documentation for that?

The ! character is a logical not operator.