title: Ng show for settings page
body: <p>I am currently working on a settings page for a planning poker app I am developing. What I would like to have happen is to have the rest of the settings only visible if "become scrum master is checked". Ive looked at ng-show and am not quite sure how it works, here is my attempt but it doesnt work as everything is still visible</p>
  
  <pre><code> &lt;section class="mainbar" ng-controller="gameSetupController"&gt;
  &lt;section class="matter"&gt;
      &lt;div class="container"&gt;
          &lt;h3&gt;Create Game&lt;/h3&gt;
          &lt;form class="form"&gt;
              &lt;div class="form-group"&gt;
                  &lt;label for="project-selector"&gt;Project&lt;/label&gt;
                  &lt;select class="form-control" id="project-selector" ng-model="gameContext.project" ng-options="p.name for p in projects"&gt;&lt;/select&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label for="scrum-master-checkbox"&gt;Become Scrum Master&lt;/label&gt;
                  &lt;input id="scrum-master-checkbox" type="checkbox" ng-model="gameContext.isScrumMaster" /&gt;
              &lt;/div&gt;
              &lt;div id="scrum-master-options" ng-model="scrum-master-options" ng show="scrum-master-options"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label&gt;Card Options&lt;/label&gt;
                      &lt;input type="radio" ng-model="gameContext.cardType" value="fibonacci" /&gt;Fibonacci (1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144)
                      &lt;input type="radio" ng-model="gameContext.cardType" value="modified" /&gt; Modified Fibonacci (.5, 1, 2, 3, 5, 8, 13, 20, 40, 100)
                  &lt;/div&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label&gt;Point Suggestion Method&lt;/label&gt;
                      &lt;input type="radio" ng-model="gameContext.pointSelectionMethod" value="Average3" /&gt;Take average if all votes are within three cards
                      &lt;input type="radio" ng-model="gameContext.pointSelectionMethod" value="Mode" /&gt;Take the card selected most often by players
                      &lt;input type="radio" ng-model="gameContext.pointSelectionMethod" value="Average" /&gt; Take average of all votes
                      &lt;input type="radio" ng-model="gameContext.pointSelectionMethod" value="None" /&gt;Do not suggest story points
                  &lt;/div&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label for="allowReselectCard"&gt;Allow Cards To Be Reselected&lt;/label&gt;
                      &lt;input id="allowReselectCard" type="checkbox" ng-model="gameContext.allowReselectCard" /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/form&gt;
          &lt;a href="{{href()}}" class="btn btn-primary btn-lg" ng-disabled="gameContext.project.id === undefined" title="{{ gameContext.project.id === undefined ? 'Please select a project' : 'Join the ' + gameContext.project.name + ' game' }}"&gt;Join Game&lt;/a&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p></p>