Schreibe etwas Code von jQuery zu Angular

Question

Ich lerne gerade, und schreibe gerade meinen Code von jQuery zu Angular, habe einige Probleme, hoffe, du kannst mir helfen, sie zu entwirren.

Aktuelle html:

<div class='image_hold'> 
    <img class='image'> 
    <input type='hidden' name='image_answer' class='image_input'> 
</div> 

JS:

function loadGraphic() { 
    $.post('generate.php', { keyword: 'image' }) 
    .done(function(data) { 
     $('.image_input').val(data); 
     $('.image').attr('src', data); 
    }) 
    .fail(function(data) { 
     alert('error'); 
    }) 
}; 

Also, wie genau das werde in Angular das bisschen Code suchen? Mein aktueller Versuch:

$scope.loadGraphic = function() { 
    $http({ 
     method: 'POST', 
     url:  'generate.php', 
     data: image, 
    }) 
    .success(function(data) { 
    if (data.errors) { 
     $window.alert(error); 
    } else { 
     // 
    } 
    }); 
}; 

Und ich nehme an, ich habe wie ng-src in html etwas hinzufügen ... Jede Hilfe wird sehr geschätzt.

Answer 1

Sie möchten das zurückgegebene Bild src als eine Eigenschaft auf $scope hinzufügen, um in der Vorlage zu verweisen, dann verwenden Sie , wie Sie sagen. Hoffentlich wird dies als Ausgangspunkt dienen;

$scope.imageSrc = null; 

$scope.loadGraphic = function() { 
    $http({ 
     method: 'POST', 
     url:  'generate.php', 
     data: image, 
    }) 
    .then(function(data) { 
     $scope.imageSrc = data; 
    }) 
    .catch(function(errorResponse) { 
     // Handle errors in here 
    }); 
}; 

// Template 
<!-- ... --> 
<img ng-if="imageSrc" ng-src="imageSrc" class="image">