Как отобразить изображение с выбранного идентификатора - PullRequest
0 голосов
/ 23 февраля 2019

Я пытаюсь отобразить информацию о пользователе, когда я получаю идентификатор, используя $routeParams.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 голосов
/ 27 февраля 2019

Нет необходимости привязывать ng-модель к вашему изображению, просто используйте src с абсолютным путем к изображению ..ng-модель, используя только входные теги.

<img ng-src ="newImg" name="newimg" />
0 голосов
/ 23 февраля 2019

Нет необходимости привязывать ng-модель к вашему изображению, просто используйте src с абсолютным путем к изображению

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