Set Bild src in AngularJS

Question

-Controller-Code

myApp.controller("BaseController", ["$scope", function($scope) { 
     $scope.imgProcessingUrl = appUrl + "Images/ajax-loader.gif"; 
    } 
]); 

hier AppUrl ist http://localhost/sample/public/

Html-Code

<img id="imgProcessing" ng-src="{{imgProcessingUrl}}" style="display:none;"> 

master.blade.php

<script> 
    var appUrl = "{!! URL(''); !!}/"; 
</script> 

Problem ist: Webseite zeigt immer das gerenderte HTML wie unten.

<img id="imgProcessing" style="display:none;"> 

Fehle ich etwas?

Answer 1

Um globale Variablen innerhalb des Bereichs Controller verfügbar zu machen, müssen Sie das Objekt des Browsers als Abhängigkeit übergeben.

myApp.controller("BaseController", ["$scope", "$window", function($scope, $window) { 
 
     $scope.imgProcessingUrl = $window.appUrl + "Images/ajax-loader.gif"; 
 
    } 
 
]);