使用邏輯渲染角度局部視圖？

Question

我正在為編輯公司創建一個新的前端網站，使用WordPress作為后端，使用Angular作為前端，並使用Node / Express中間件進行服務器端渲染。

社論有四種不同的文章類型：精選，快速，簡短和視頻。 這些中的每一種都有明顯不同的樣式，我需要確保它們根據文章類型正確呈現。 這些類型在文章JSON對象中由標志表示為1、2、3或4。

最初，我嘗試使用ng-if作為在這些類型之間進行排序的方式：

    <!-- Lead Article -->
    <div ng-if="posts.thisPost[0].acf.post_type == 1">
      Lead Article Content
    </div>

    <!-- Quick Article -->
    <div ng-if="posts.thisPost[0].acf.post_type == 2">
       Quick Article Content
    </div>

    <!-- Quick Short Article -->
    <div ng-if="posts.thisPost[0].acf.post_type == 3">
       Quick Short Article Content
    </div>

    <!-- Video Article -->
    <div ng-if="posts.thisPost[0].acf.post_type == 4">
       Video Article Content
    </div>

非常簡單，顯然它不起作用。 如果發布類型為1，它將僅呈現第一個div，但對於其他所有類型，則不顯示任何內容。 我希望他們能夠像if，else if，else if語句那樣過濾掉div，但是那樣行不通。

除此之外，還有其他選擇嗎？ 或者，甚至更好的方法是，如果每個視圖都位於單獨的局部文件中，是否可以檢查JavaScript中的post type標志並將視圖定向到正確的局部視圖？

Answer 1

對我而言，ng-switch最終是合適的解決方案。

感謝@AmyBlankenship引起我的注意，並且這個Stack Overflow問題為為什么這是正確的操作提供了基礎： ngIf和ngSwitch AngularJS