Style binding breaks app on iOS


#1

I have finally gotten an answer to a previous post I made… Simply put, using the following way to bind styling will break the app on iOS:

<p [style]="'display:none'"></p>

I know the example is pretty pointless, it’s simply for demonstration purposes. I tried making a brand new app off of the sidemenu template, and added the above to the page1.html file, and it prevented the app from ever completely loading on my phone (iPhone 5S running iOS 10.2), it works just fine on Android and in the browser.

The following on the other hand works just fine everywhere

<p [style.display]="'none'"></p>

So I don’t know if something is messed up orrrr if I messed something up, somehow… Should be simple enough? Anywho, I’m just gonna stick with the “solution” above, but an explanation would be nice haha.

ionic info

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.4
Ionic CLI Version: 2.1.18
Ionic App Lib Version: 2.1.9
Ionic App Scripts Version: 0.0.48
ios-deploy version: 1.9.0
ios-sim version: 5.0.12
OS: macOS Sierra
Node Version: v7.2.0
Xcode version: Xcode 8.2.1 Build version 8C1002

bypassSecurityTrustStyle has no effect
iOS: ActionSheet roles ignored, Radio inputs in Alert acting completely weird
#2

I’m surprised your first example works anywhere to be honest, the second syntax is the one you can find in the Angular docs.