不同的渲染使用ng-if

Question

我有一个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中实现不同的渲染?

Answer 1

最好在这里使用ng-include/ ng-switch

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