title: How to implement jQuery range slider in AngularJS
body: <p>I am trying to use <a href="http://prajwalkman.github.io/angular-slider/" rel="noreferrer">anuglar-slider</a> in my existing AngularJS app.</p>
  
  <p>I followed the author's comments <a href="https://groups.google.com/forum/?fromgroups#!topic/angular/2Ww7el-tA4Y" rel="noreferrer">here</a></p>
  
  <p>I downloaded below files (in Head tag) from author's github and added in my <code>index.html</code></p>
  
  <p><strong>HTML code</strong>:</p>
  
  <pre><code>&lt;head&gt;  
  
  &lt;link rel="stylesheet" href="css/angular-slider.css"&gt;
  &lt;script src="js/vendor/angular-slider.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;slider floor="10" ceiling="60" ng-model-low="lowValue" ng-model-high="highValue"&gt;&lt;/slider&gt;
  
  &lt;/body&gt;   
  </code></pre>
  
  <p><strong>App.js</strong> (Angular code) . I added second line as per Author's instructions, I suspect I did do something wrong there</p>
  
  <pre><code>var app = angular.module('myApp', [])
  angular.module('uiSlider', []);
  
  app.constant('Config',
  {
      baseURL : "http://blah",
      httpTimeout : 36000
  });
  app.config(function($logProvider) {
      $logProvider.debugEnabled(true);
  });
   //and some other app specific code follows
  </code></pre>
  
  <p><strong>I don't see any slider rendering in browser.</strong> However, the older Angular specific functionality in the app still works and there is no error in browser's console.</p>
  
  <p>If you cannot find problem above, feel free to suggest any other way to implement <strong>range slider</strong> in AngularJS app. </p>
  
  <p>I am fairly new to AngularJS</p>
  
  <p>Let me know if you like me to post Author's library file code here as well.</p>