具有相同键的嵌套ng-repeat具有不同的值

时间:2017-04-12 06:28:32

标签: angularjs

你好我的代码卡在我的代码下面,图片显示了我从Api收到的回复数据。

enter image description here

这是我的代码我想为我的类型做一个嵌套的ng-repeat但是我得错误了

<div class="col-3" id="umovies" ng-repeat="movies in sectionInTheaterMovieProduct" lightgallery>
                <figure class="box movie-bx">
                    <div class="prod-img">
                        <a href="{{movies.HypCat_Name}}">
                            <img ng-src="{{movies.Image}}" alt="{{movies.cat_name}}"/>
                        </a>    
                    </div>      
                    <figcaption>
                        <div class=""><a href="{{movies.HypCat_Name}}">{{movies.cat_name}}</a></div>
                        <p class="notify">{{movies.Parent2Name}}</p>
                        <p class="notify movie-ty"><span ng-repeat="(key,value) in movies.Genre">{{Key}} : {{value}}</span></p>
                        <div class="review-rating">
                            <div class="avg-star">{{movies.Rating}}&nbsp;<span class="icon-rating unrated-star"></span></div>
                            <div class="recommendation">
                                <span class="icon-like"></span><span>{{movies.Recommendation}}%</span>
                            </div>
                            <div class="reviews-cnt">
                                <a class="small" href="{{movies.HypCat_Name}}">{{movies.ReviewCount}}&nbsp;{{movies.ReviewCount == 1 ? 'Review' : 'Reviews'}}</a>
                            </div>

                        </div>
                    </figcaption>
                </figure>   
            </div>

enter image description here

任何人都可以帮助我,我需要输出如下图所示

enter image description here

2 个答案:

答案 0 :(得分:1)

按索引使用跟踪以避免重复错误,因为movies.Genre是逗号分隔的字符串

<span ng-repeat="(key,value) in movies.Genre.split(',') track by $index"

因为movies.Genre是逗号分隔的字符串,你可以使用.split(',')来使它成为数组。

答案 1 :(得分:0)

使用track by $index中的ng-repeat来克服此错误。

试试这个

 <div ng-repeat="movies in sectionInTheaterMovieProduct  track by $index">
   {{movies.HypCat_Name}} 
 </div>