localhostオブジェクトを持っている場合、どのようにイメージをhtmlで表示できますか？

Question

ファイルはlocalhostに保存されていますが、クライアントのサイトディレクトリにダウンロードしようとしましたが、解決策はありませんでした。

http://172.16.0.72:8134/pm/home/company/S%E2%80%A61-eKdj#S0mkzO!3J__google-200x200.7714256da16f.png

が、それでも、それは表示されません。 は、ここで私は私のローカルホストのURLここ

後にリンクを追加しようとした私のHTMLのimgタグのsrcのリンクがされて

{link: "/home/company/S…1-eKdj#S0mkzO!3J__google-200x200.7714256da16f.png", name: "Courier", time: "2017-06-20 04:50:50.824948", $$hashKey: "object:3479"} 

私の物です

Answer 1

オブジェクトが有効範囲にある場合、これを行うことができます。

HTML

<img ng-src="{{image.link}}"> 

はJavaScript

$scope.image = {link: "/home/company/S…1-eKdj#S0mkzO!3J__google-200x200.7714256da16f.png", name: "Courier", time: "2017-06-20 04:50:50.824948", $$hashKey: "object:3479"}; 

の作業コード：Plunkr

Answer 2

試してみてください。この次のソリューション

var myApp = angular.module('myApp',[]); 
 
function MyCtrl($scope) { 
 
    $scope.obj = { 
 
     link: "https://www.w3schools.com/angular/pic_angular.jpg", 
 
     name: "Courier", 
 
     time: "2017-06-20 04:50:50.824948", 
 
     $$hashKey: "object:3479" 
 
    }; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
    <img ng-src="{{obj.link}}" alt="test"> 
 
</div>

希望、これはこれは私がすでに提出同じ答えであるあなた