不同的渲染使用ng-if？

我有一個JSON供稿，它提供了搜索結果列表 - 該列表包含產品和常規頁面。在渲染列表時，產品與普通頁面具有不同的渲染效果，這意味着，如果產品或頁面是不同的HTML。我將如何實現這一目標？是否有可能做這樣的事情：不同的渲染使用ng-if？

<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-重複達到不同的效果？

來源

2015-09-23 nuffsaid

有可能以不同的方式去做。你有沒有嘗試你的方法，它對你有用嗎？ – dfsq

https://docs.angularjs.org/api/ng/directive/ngSwitch – coma

請在嘗試之前嘗試。是的，它應該工作，但現在你會得到各種各樣的變化只是爲了人們想要提供答案 – charlietfl

更好的，你應該使用ng-include這裏/ ng-switch

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

來源

2015-09-23 19:14:47

真棒，似乎做的伎倆，thx很多:) – nuffsaid

@ nuffsaid很高興幫助你..謝謝:) –

不同的渲染使用ng-if？

回答

相關問題