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