title: Angularjs passing parameter to a page from ng-click
body: <p>I have following three buttons on top of my page with input box underneath it. </p>
  
  <pre><code>&lt;div&gt;
    &lt;form&gt;
            &lt;div&gt;
                Enter Show Name&lt;input type="text" ng-model="showName" /&gt;
            &lt;/div&gt;
        &lt;/form&gt;
  &lt;/div&gt;
  &lt;div&gt;
  &lt;button ng-click="href="/api/renameShow""&gt;Rename Show&lt;/button&gt;
  &lt;button ng-click="href="/api/updateShow""&gt;Update  Show&lt;/button&gt;
  &lt;button ng-click="href="/api/checkShow""&gt;Check   Show&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My module code with routes is </p>
  
  <pre><code>    var showApp = angular.module("showApp", ["ngRoute", "ngResource", "ui"]).
      config(function ($routeProvider, $locationProvider) {
          $routeProvider.
              when('/',
              {
                  controller: '',
                  templateUrl: 'main.html'
              }).
              when('/api/renameShow', { controller: 'renameShowCtrl', templateUrl:     '/templates/renameShow.html' }).
              when('/api/updateShow', { controller: 'updateShowCtrl', templateUrl:     '/templates/updateShow.html' }).
  when('/api/checkShow', { controller: 'checkShowCtrl', templateUrl: '/templates/checkShow.html' });
  </code></pre>
  
  <p>Basically what I am trying to do is that when one of the buttons is clicked the ng-click  calls the corrosponding page passing the parameter "showName" with it.
  Please let me know how to fix it. Thanks  </p>