Question

我正在尝试创建一个页面来列出待售车辆。我根据用户输入的年份，品牌，型号，照片网址和里程数创建对象。

当我在ng-repeat循环中运行此信息时，我可以显示要显示的网址文字，但我无法将其显示为图像。我不确定为什么它不能正常工作。

如何获取此网址（＆＃34;照片＆＃34;在模型中）以显示图片而不是文字？

以下是代码收集输入并显示它：

＆＃13;

<form id="newCar" ng-submit="addCar()">
      Photo: <input type="url" ng-model="Photo" value=""><br>
      Make: <input type="text" ng-model="Make" value="">
      Model: <input type="text" ng-model="Model" value="">
      Year: <input type="text" ng-model="Year" value=""><br>
      Miles: <input type="text" ng-model="Miles" value=""><br>
      <input type="submit" value="Submit">
    </form>


<!--then I display with this-->

<ul ng-if='cars.length' class='list center stretch'>
      <li ng-repeat='c in cars' class='cars'>
        <p1><img class='photo' ng-src="{{p.photo.src}}"> {{c.make}} {{c.model}} {{c.year}} {{c.miles}}</p1>
        <img class='upvote' src="upvote.jpg" width="15" height="15" ng-onclick="addVote()">{{c.votes}}<br>
      </li>
    </ul>

＆＃13;

除照片外，一切都很好。我可以添加{{c.photo}}，但只显示文字。

感谢您的帮助

EDIT 以下是用于创建汽车的控制器功能：

＆＃13;

function mainCtrl ($scope, carFetcher) {

  $scope.cars = []

  carFetcher.get()
    .then(function (data) {
      $scope.cars = data
    })

  $scope.addCar = function() {
    var formData = {photo:$scope.Photo,make:$scope.Make,model:$scope.Model,year:$scope.Year,miles:$scope.Miles,votes:0};
    console.log(formData);
    carFetcher.post(formData); // Send the data to the back end
    $scope.cars.push(formData); // Update the model
  }
  
}

＆＃13;

显示带有角度

0 个答案: