Angularjs:使用不同 html 标签的 ng-repeat

Question

假设一个 Controller 中定义了多种类型的数据列表，如下所示:

$scope.list = [
    {text: "Remember BASIC?"},
    {code: "10   a = a+1"},
    // many additional lines…
];

我们要根据每个单独的类型在 View 中进行插值，如下所示:

<p>Remember BASIC?</p>
<code>10   a = a+1</code>

你会怎么做？

[edit] 说明获取什么

列表是对任意类型的任意数量的“段落”的描述。这是一个更广泛的列表:

$scope.list = [
    {text: "Remember BASIC?"},
    {code: "10   a = a+1"},
    {text: "Bla bla"},
    {text: "Bla bla"},
    {text: "Bla bla"},
    {text: "Bla bla"},
    {text: "Bla bla"},
    {text: "Bla bla"},
    {code: "20   b = a+1"},
    {code: "30   c = b+1"},
    {text: "Bla bla"},
    // many additional lines…
];

以及预期的结果:

<p>Remember BASIC?</p>
<code>10   a = a+1</code>
<p>Bla bla</p>
<p>Bla bla</p>
<p>Bla bla</p>
<p>Bla bla</p>
<p>Bla bla</p>
<p>Bla bla</p>
<code>20   b = a+1</code>
<code>30   c = b+1</code>

等等

有一个englobing标签不是问题，但我不希望每个“段落”都有一个englobing标签。

Answer 1

我不是 100% 确定你的意思是什么

// many additional lines…

但是如果你的列表看起来像

$scope.list = [   

       {text: "Remember BASIC?"},
       {code: "10   a = a+1"},
       {text: "Remember Loundy?"},
       {code: "10   a = a+3"}  
   ....
  ];

你可以使用 ng-repeat-start/end

请看这里http://jsbin.com/zawige/3/edit

  <p ng-repeat-start="i in list" ng-if="i.text">{{i.text}}</p>
  <code ng-repeat-end ng-if="i.code">{{i.code}}</code>