How to hide a component like ng-hide in emberjs 2.1?

Question

AngularJS has a ng-show and ng-hide system to show/hide elements in the DOM. What is the best way to achieve something similar in Ember 2.0?

Answer 1

Ember components have an isVisible flag that you can use which is the easiest way.

You can of course also use css/jQuery or have your own flag that renders or doesn't render the component's content.