以AngularJS显示相关照片和$interpolateProvider

我从数据库中获取JSON数据。除了photo.photo文件名之外，所有显示的数据字段/值都保存在数据库中，实际文件本身保存在其他目录中。在一些模板引擎中，我可以轻松地显示这一点

细枝

 {% for v in vps | sortbyfield('numbers')%}
 {% if v.numbers > 0 %}
    <tr>
     <td>{{ v.id }}</td>
     <td>{{ v.firstname }}</td>
     <td>{{ v.numbers }}</td>
     <td><img src="/img/{{v.photo}}" id="img-responsive"></td>
    </tr>
 {% endif %}
 {% endfor %}

---

如何在角度上做到这一点？

你可以用例如

<img ng-src="//srcFor(x)//" />

<script src="//code.angularjs.org/1.4.8/angular.js"></script>
<script>
    var app = angular.module('myApp', []);

    app.config(function($interpolateProvider) {
    $interpolateProvider.startSymbol('//';
    $interpolateProvider.endSymbol('//');
    });

    app.controller('customersCtrl',['$scope','$http',function($scope, $http) {
        //$http.get("http://localhost:8093/voters/voters_angular")
        $http.get("{{ path('vp_president') }}")
        .success(function (response) {
            $scope.names= JSON.parse(response);
        });
    }]);
    //console.log(names);
</script>   

[{"id":1,"firstname":"Alan Cayetano","numbers":6,"photo":"alanpeter.jpg"},{"id":2,"firstname":"Bong Marcos","numbers":0},{"id":3,"firstname":"I Dont Care","numbers":4},{"id":4,"firstname":"toto tata","numbers":0},{"id":5,"firstname":"titi terter","numbers":0},{"id":6,"firstname":"Ian Go","numbers":5}]

<img ng-src="//srcFor(x)//" />

$scope.srcFor = function (person) {
  return '/img/' + person.photo;
};