title: Ng-show or ng-if to hide a button when the role of the user is employee
body: <p>Trying to figure out ng-show and ng-if. I want to show a button only when you are logged in as a admin. If the user is employee then the button has to be hidden.</p>
  
  <p>Part of my html code:</p>
  
  <pre><code> &lt;md-button ng-show="user.role == 'admin'" class="md-raised md-primary pull-left customYellow" aria-label="Add a user" ng-click="showPopUpAddUser($event)"&gt;
          &lt;md-icon md-svg-src="assets/images/person_add.svg"&gt;&lt;/md-icon&gt;
          &lt;md-tooltip&gt;
           Invite a user
          &lt;/md-tooltip&gt;
       &lt;/md-button&gt;
  </code></pre>
  
  <p>Part of my app.js code:</p>
  
  <pre><code>$scope.inviteUser = function(){
      $http.post('/api/users/invite', {
          'email': $scope.user.email,
          'role_id': $scope.user.role
      }, {
          headers: {
              "Content-Type": "text/plain"
          }
      })
      .success(function(data, status, headers, config) {
          console.log("Successfully saved a user to the DB", data);
  
          $scope.userInfo.push(data);
  
      })
      .error(function(data, status, headers, config) {
          console.log("Failed to add user to DB");
      });
  }
  
   $scope.adminID = function(id) {
              var adminId = $scope.getCurrentUser().role_id;
              console.log("logging id admin--&gt;", adminId);
  
              //$scope.user = { role : false };
  
              $scope.userRole = adminId;
              //console.log("fafdasfdsafadfdfsf----------&gt;",  $scope.userRole)
          }
          $scope.adminID();
  </code></pre>