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