使用ng-if的不同渲染图?

时间:2015-09-23 19:09:04

标签: javascript angularjs angularjs-templates angularjs-ng-if

我有一个JSON提要,提供搜索结果列表 - 该列表包含产品和常规页面。在呈现列表时,产品具有与常规页面不同的呈现,这意味着,如果它是产品或页面,则是不同的HTML。 我怎么做到这一点?是否可以做类似的事情:

<ul>
                                <li ng-repeat="item in items">
                                    <div ng-if="item.type == 'product'>PRODUCT HTML HERE</div>
                                    <div ng-if="item.type == 'page'>PAGE HTML HERE</div>
                                </li>
                            </ul>

如果没有,如何在ng-repeat中实现不同的渲染?

1 个答案:

答案 0 :(得分:3)

最好使用ng-include / ng-switch

<ul>
     <li ng-repeat="item in items">
           <div ng-include="item.type == 'product'? 'product.html': 'page.html'></div>
     </li>
</ul>