如何加载图像根据使用的价值如果条件在anguilarjs

Question

即时通讯尝试显示占用和空置的图像根据价值。如果值超过3.50，它应该显示image1，如果其等于或小于3.50显示图像2. 我试过这个代码，但我无法找到我犯的错误。我没有得到任何形象。

代码

<td><img ng-if ng-src="{{getSlotImage(parkingslot1)}}" /></td> 
    <script> 
      var app = angular.module('myApp', []); 
      app.controller('myCtrl', function ($scope, $http) { 
       $http.get('https://example.com', { 
        headers: { 'Authorization': 'Basic 23456==' } 
       }) 
        .then(function (response) { 
         $scope.names = response.data; 
         $scope.decodedFrame = atob($scope.names.dataFrame); 
         $scope.decodedFrameNew = $scope.decodedFrame.substring(4); 
         $scope.distanceinFeet = 835 * 0.95; 
         $scope.Value = $scope.distanceinFeet/148; 
         $scope.parkingslot1 = $scope.Value.toFixed(2); 
         $scope.names.timestamp = new Date($scope.names.timestamp).toLocaleString(); // Parse the date to a localized string 
        }); 

       $scope.getSlotImage = function (slot) { 
             var imageUrl = slot > 3.5 ? 'http://icons.iconarchive.com/icons/custom-icon-design/flatastic-9/256/Accept-icon.png' : 
          'https://cdn3.iconfinder.com/data/icons/musthave/256/Cancel.png'; 


        return imageUrl; 


       } 
       }); 


     </script> 

Answer 1

删除NG-如果标签属性