anguilarjsの条件を使用して来る値に応じてイメージをロードする方法

Question

imは値によって占有された空のイメージを表示しようとしています。値が3.50より大きい場合、image1が3.50以下であればimage1を表示しなければなりません。 私はこのコードを試しましたが、私が間違っていた場所を見つけるためにun unbleを使いました。私はイメージを取得していません。

コード

<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-かの属性