Angular 2 [hidden] does not seem to be working?

Check that you don’t have any display css rule on your <p> tags that would override the hidden behavior like:

p {
  display: inline-block !important;
}

Because the hidden html attribute behaves like display: none