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>