title: Implementing a toggle in ionic using angularjs
body: <p>I am following up a tutorial I found here <a href="http://codepen.io/keval5531/details/LVYROp/" rel="nofollow">http://codepen.io/keval5531/details/LVYROp/</a></p>
  
  <p>As a result I am able to come up with the below solution on my app.js</p>
  
  <pre><code>var app = angular.module('plunker', []);
  app.controller('DemoCtrl', function($scope) {
  $scope.value = false;
   $scope.toggleChange = function(){
     if($scope.value == false) {
     $scope.value = true;  
     }
     else
       $scope.value = false;
      console.log('testToggle changed to '+$scope.value);
     };
    });
  </code></pre>
  
  <p>Now I have this in my index.html file</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app="plunker" &gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;AngularJS Plunker&lt;/title&gt;
    &lt;link rel="stylesheet" href="style.css"&gt;
    &lt;script src="http://code.angularjs.org/1.2.12/angular-resource.js"&gt;&lt;/script&gt;
    &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
   &lt;div ng-controller="DemoCtrl"&gt;
     &lt;br&gt;&lt;br&gt;
      &lt;ion-toggle ng-model=value ng-change="toggleChange()"&gt;Test toggle&lt;/ion-toggle&gt;
      &lt;/div&gt;&lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is a plunk demo I have made
  <a href="https://plnkr.co/edit/MUp7QckDCgg50FvcfGeG?p=preview" rel="nofollow">https://plnkr.co/edit/MUp7QckDCgg50FvcfGeG?p=preview</a>
  My challenge is that based on the codepen tutorial I am learning with, nothing happens on my display. Kindly assist!</p>