Различные визуализации с использованием нг-если?

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>