AngularJS : Show and hide class on ng-click
<p>I am working on a website in AngularJS. I have a form which is set to "display:none" on purpose.</p>

<p>I have a button which says create. What i want is that when i click on the create button the form set to "display:none" should change to "display:block" and the create button should hide.</p>

<p>Also after submitting the form , the form should hide and the create button should be visible again.</p>

<p>P.S: Now i understand that there are a couple of ways to do this, like i could use the ng-show or ng-hide directive. OR i could use ng-click directive. I want to know what is the best programming practice in this case when developing a serious and professional web application.</p>

<p>Its a simple thing so if you could please provide the code that would be great. </p>