title: Angular - Images won't show
body: <p>I have data coming from my database.  Each record has an image path.  I'm trying to show the image using the path but the images will not show.</p>
  
  <p>Here is my controller:</p>
  
  <pre><code>angular.module('myModule').controller('ContractorCtrl', function ($scope, $interval, $window) {
  
      $scope.items = [
     "ContractorWidget/yellow_triangle.png",
     "ContractorWidget/yellow_triangle.png",
     "ContractorWidget/yellow_triangle.png",
     "ContractorWidget/yellow_triangle.png",
     "ContractorWidget/yellow_triangle.png",
     "ContractorWidget/red_cross.png"
  
      ];
  
  });
  </code></pre>
  
  <p>Here is my HTML:</p>
  
  <p>&lt;</p>
  
  <pre><code>div ng-app="myModule" ng-controller="ContractorCtrl"&gt;
  &lt;div class="newWidget"&gt;
              &lt;ul class="grid-wrap one-whole"&gt;
                  &lt;li ng-repeat="item in items" class="grid-col one-quarter"&gt;
                      &lt;div&gt;
                          &lt;img ng-src="~/Images/{{item}}" /&gt;
                      &lt;/div&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I tried using both "src" and "ng-src" but neither works.  Any ideas as to what I am missing here?</p>
  
  <p>Any assistance is greatly appreciated!</p>