Split-String und setzen Sie dann in ng-repeat?

Ich habe eine situation, wo die Bilder Namen für eine particlar post kommen in einem string:
wie diese:

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

Ich muss aufgeteilt string und zeigen Sie, wie html(unten):

 <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>

Habe ich filter, die spaltet string wie:

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

  return input.split(delimiter);
}

});

Nun, Wie kann ich zeigen, diese Bilder kommen von split für ein post:

 <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>

Wie kann ich dies erreichen. Wie diese Bilder (coming from split string filter) kommen können, die unter loop-in-Winkel-Weg?

InformationsquelleAutor Anil Sharma | 2014-02-24
  1. 3

    Warum nicht vereinfachen Sie Ihr problem, indem Sie die split inside controller?

    Controller:

    var data = {
    "i_name":"logo_v1_300px.png,logo_v1_140px.png,logo_v1_220px.png"
};

$scope.images = data.i_name.split(',');

    Anzeigen:

    <ul>
    <li ng-repeat="image in images">
        <a href="#"><img ng-src="somepath/{{image}}"></a>
    </li>
</ul>
    InformationsquelleAutor Matt Way
  2. 6

    warum nicht:

    ng-repeat="item in items.split(',')"
    • Ich Tat dies, und ein tiefer, ... in jedem Element, text benutzt ng-bind=Element.split('|')[0], url nutzt ng-bind=Element.split('|')[1]. Solange es nur ein paar und nicht wahnsinnige Mengen, der Aufwand sollte minimal sein. Auf diese Weise können Sie haben: foo/somepath/foo.jpg,bar/somepath/bar.jpg
    InformationsquelleAutor flaky
  3. 0

    Nun, ich habe dies in dieser Art und Weise.

    hatte ich eine große kommenden Daten in Rahmen. Es wurde nicht nur über das Bild.Es wurden verschachtelte Objekte Daten.

    <div ng-repeat="image in data.image">
  <ul>
   <li ng-repeat="image in i_name | split ">
     <a href="#"><img ng-src="somepath/{{image}}"></a>
  </li>
 </ul>
</div>
    InformationsquelleAutor Anil Sharma
Schreibe einen Kommentar