URL für ein Bild in einem angularjs-Projekt erstellen?

Question

In meiner Website verwende ich einen Dienst, der eine URL benötigt, um ein Bild zu laden.

Wie kann ich eine URL aus einem Bild erstellen, das nur im Dateisystem des Projekts existiert?

EDIT

brauche ich die URL für $ og_image_url von Socialshare Service.

Answer 1

ein Winkel haben separate Richtlinie ng-Src

<img ng-src="http://www.gravatar.com/avatar/{{hash}}" alt="Description" /> 

oder

<img ng-src="img/image.png" alt="Description" /> 

Answer 2

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
$scope.image="http://helpacoder.com/wp-content/uploads/2015/07/angular.jpeg"; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    <h1>Angular</h1> 
 
    <img ng-src="{{image}}"> 
 
    <h4>Or</h4> 
 
    <div ng-init="images='http://helpacoder.com/wp-content/uploads/2015/07/angular.jpeg'"> 
 
    <p>Another Way </p> 
 
    <img ng-src="{{images}}"/> 
 
    </div> 
 
</div>

Zweiweg das Bild anzuzeigen, in Winkel js genannt.