如何显示所选ID中的图像

时间:2019-02-23 09:10:14

标签: node.js angularjs mongodb mean-stack

我尝试使用$routeParams.id获取ID时显示用户信息,我已经仅使用文本显示了用户信息,但是如何使用img src显示用户的图像?

在我的控制器中,我这样做是为了获取所选用户。

.controller('editbloodrequestCtrl', function($scope,$routeParams, Bloodrequest) {
var app = this;
     Bloodrequest.getBloodrequest($routeParams.id).then(function(data) {
        if (data.data.success) {              
            $scope.newLastname = data.data.bloodrequest.lastname; 
            $scope.newFirstname = data.data.bloodrequest.firstname; 
            $scope.newImg = data.data.bloodrequest.img; 
            app.currentUser = data.data.bloodrequest._id; 
        } else {
            app.errorMsg = data.data.message; 
        }
    });
});

现在我获得了用户信息,我将其显示在前端

<label>Lastname:</label>
<input class="form-control" type="text" name="lastname" ng-model="newLastname">

<label>Firstname:</label>
<input class="form-control" type="text" name="firstname" ng-model="newFirstname">

<label>Image:</label>
<img src ="" name="img" ng-model="newImg"> //how can I display the image here?

示例文档:

 {firstname:"James",lastname:"Reid",img:"random.jpg"}

我的输出:

enter image description here

2 个答案:

答案 0 :(得分:1)

无需将ng-model绑定到您的图像,只需将src与图像的绝对路径一起使用

<img src ="{{newImg}}" name="img">

答案 1 :(得分:0)

无需将ng-model绑定到图像,只需将src与图像的绝对路径一起使用即可。.ng-model仅使用输入标签。

<img ng-src ="newImg" name="newimg" />