angularjs - 拆分字符串然后放入 ng-repeat？

Question

我遇到一种情况，特定帖子的图像名称以字符串形式出现: 像这样:

**"i_name":"logo_v1_300px.png,logo_v1_140px.png,logo_v1_220px.png"**

我需要分割这个字符串并显示如(下面的html):

 <ul>
 <li><a href="#"><img src="images/photo2.png" alt=""></a></li>
 <li><a href="#"><img src="images/photo3.png" alt=""></a></li>
 <li><a href="#"><img src="images/photo4.png" alt=""></a></li> 
 </ul>

我有一个过滤器，可以分割字符串，例如:

  angular.module('myFilters', []).
  filter('split', function() {
   return function(input, delimiter) {
  var delimiter = delimiter || ',';

  return input.split(delimiter);
} 

});

现在如何显示来自帖子拆分的这些图像:

 <div ng-repeat ="data in comments">

   mydata="{{data.text}}"

  photos
 <ul> 
   <li><a href="#"><img src="somepath"/{{data.i_name | split }}></a></li>
 </ul>
 </div>

我怎样才能做到这一点。这些图像(来自分割字符串过滤器)如何以 Angular 方式循环？

Answer 1

为什么不:

ng-repeat="item in items.split(',')"