2015-04-27 2 views
0

в моем объекте автомобиля у меня есть значение car.photos это выглядит следующим образом:Split первый элемент объекта в HTML

car.photos:

15214615_01_hd.jpg|15214615_02_hd.jpg|15214615_03_hd.jpg|15214615_04_hd.jpg|15214615_05_hd.jpg|15214615_06_hd.jpg| 

Мой вопрос: Можно ли в моем html с ng-src отображает первый элемент моего car.photos?

мой HTML:

<tr ng-repeat="car in $data"> 
       <td><img class="img-rounded resize" ng-src="../photos/15214615_01_hd.jpg"></td> 
... 
</tr> 
+0

если это строка, то вы должны преобразовать его в массив в начале –

+0

@manasisakhare Я могу сделать это прямо в моем html-коде? – Mercer

+0

нет. Вы должны сделать это в Угловом контроллере для просмотра. –

ответ

2

вы можете назвать его как getSrc()

<img class="img-rounded resize" ng-src="{{ getSrc(car.photos) }}"> 

в контроллере,

$scope.getSrc = function (photos) { 
    return photos.split("|")[0]; 
} 
+0

Это не массив, это строка с '|' separator – Mercer

+0

Извините, в этом вопросе не было свойства 'car.photos'. обновленный ответ, пожалуйста, проверьте. –

Смежные вопросы