javascript - Angular : Differing HTML templates within an ng-repeat

Question

我想根据我重复的数据类型在重复 block 中使用不同的模板。在我的示例中，该数组可以包含数据，也可以包含来自 Twitter 的推文对象。目前我的代码看起来像这样......

<ul data-ng-hide="sourceIsTwitter()" collapse="!showStrings">
    <li data-ng-repeat="matchedString in matches">{{matchedString}}</li>
</ul>
<ul data-ng-show="sourceIsTwitter()" collapse="!showStrings">
    <li data-ng-repeat="tweet in matches">
        {{ tweet.text }} 
        <i>{{ tweet.user.name }}</i>
        <a href="{{ tweetUrl(tweet) }}">{{ formatDateFromTwitter(tweet.created_at) }}</a>
    </li>
</ul>

... 并在内容源不是 Twitter 时抛出大量错误。我应该如何重组它以根据对象的类型使用正确的模板？假设 matches 是一个对象数组，并且每个对象都有一个我可以检查的属性 type。

Answer 1

ngSwitch 可能会为您提供最好的服务指令:

<li data-ng-repeat="obj in matches" data-ng-switch="obj.type">
    <span data-ng-switch-when="twitter"><!-- Do Twitter Rendering --></span>
    <span data-ng-switch-when="facebook"><!-- Do Facebook Rendering --></span>
    <span data-ng-switch-when="foo"><!-- Do Foo Rendering --></span>
</li>