diff --git a/docs/angular-meteor/client/views/steps/tutorial.step_12.html b/docs/angular-meteor/client/views/steps/tutorial.step_12.html index 7cf38719d..24a5e3b0e 100644 --- a/docs/angular-meteor/client/views/steps/tutorial.step_12.html +++ b/docs/angular-meteor/client/views/steps/tutorial.step_12.html @@ -23,25 +23,25 @@ First, let's learn about [ng-show](https://docs.angularjs.org/api/ng/directive/ngShow) and [ng-hide](https://docs.angularjs.org/api/ng/directive/ngHide). -So one thing we want to hide and show is the form for creating a new party. if the user is not logged in, he can't create a party, so why displaying the form for him? -If the user is not logged in we want to display a message saying he needs to log in to create a new party. +So one thing we want to hide and show is the form for creating a new party. If a user is not logged in, they can't create a party, so why displaying the form for them? +If the user is not logged in, we want to display a message saying they need to log in to create a new party. In parties-list.html add a ng-show directive to the form like that:
-'user' is the scope variable that we used earlier that is binded to the current logged in user with the help of the $user service. -If it is undefined is means that there is no logged in user so only if it exists the form will be shown. +Note that 'user' is the scope variable that we used earlier that is bound to the current logged-in user with the help of the `$user` service. +If it is undefined, this means that there is no logged-in user. So only if 'user' exists will the form will be shown. -Then right after the form add this HTML: +Then right after the form, add this HTML:
Log in to create a party!
-That is exactly the opposite - if user exists, hide that div. note that this statement is equivalent to ng-show="!user". +That is exactly the opposite - if 'user' exists, hide that div. Note that this statement is equivalent to ng-show="!user". -Let's add the same to the RSVP buttons: +Now add the same to the RSVP buttons:
@@ -49,21 +49,21 @@
- -Next thing we want to hide is the delete party option in case the logged in user is not the party's owner. +' +Next thing we want to hide is the 'delete party' option, in case the logged-in user is not the party's owner. Lets add ng-show to the delete button like that: -In here you can see that ng-show can get a statement, in our case - the user exists (logged in) and is also the party's owner. +In here you can see that `ng-show` can get a statement, in our case - the user exists (logged in) and is also the party's owner. # ng-if -[ng-if](https://docs.angularjs.org/api/ng/directive/ngIf) acts almost the same as ng-show but the difference between them -is that ng-show hides the element by changing the display css property and ng-if simply removes it from the DOM completely. +[ng-if](https://docs.angularjs.org/api/ng/directive/ngIf) acts almost the same as `ng-sho`w but the difference between them +is that `ng-show` hides the element by changing the display css property and `ng-if` simply removes it from the DOM completely. -So lets use ng-if to hide the outstanding invitations from a party is the party is public (everyone is invited!): +So let's use `ng-if` to hide the outstanding invitations from a party, if the party is public (everyone is invited!):