title: AngularJS toggle from controller
body: <p>I'm using AngularJS showhide here <a href="http://angular-ui.github.io/ui-utils/" rel="nofollow">http://angular-ui.github.io/ui-utils/</a> this is what I have:</p>
  
  <pre><code>&lt;div ui-toggle="showHide"&gt;
                 &lt;div class="col-md-12"&gt;
                    &lt;input class="form-control" id="id_password" name="password"
                       type="password"  ng-model="password" placeholder="Password"&gt;
                 &lt;/div&gt;
              &lt;/div&gt;
  
  
  &lt;p&gt;&lt;a ng-click="showHide=!showHide"&gt;Toggle State: {{!!showHide}}&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>This works however, how can I control the toggle directly from a controller?</p>