2016-12-14 1 views
0

私のウェブサイトでは、画像を読み込むためのURLが必要なサービスを使用しています。anglejsプロジェクトで画像のURLを作成しますか?

プロジェクトのファイルシステムにのみ存在するイメージからURLを作成するにはどうすればよいですか?私はSocialshareサービスの$ og_image_urlのURLが必要

EDIT

+0

「相対パス」を使用していますか? –

答えて

1

角度は、角度JSで画像を表示するNG-srcの

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

または

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

しかし、私はhtmlでそれを使いたくありません。私はコントローラのURLが必要です。 – kilkus

+0

@kilkus image url paramの$ scope変数を宣言できます。 Ex $ scope.serverUrlを使用してng-src = {{serverUrl}}にする – Sathiyaraj

1

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>

双方向と呼ばれる別のディレクティブを持っています。

関連する問題