angularjs:将逗号分隔列表转换为无序列表ng-repeat

时间:2018-04-10 22:20:24

标签: arrays angularjs split angularjs-ng-repeat

我有一个名为data.list的数组,它存储一个强制和可选约会列表:

data.list.push({
  mandatory: appt.getDisplayValue('mandatory_appointments'),
  optional: appt.getDisplayValue('optional_appointments')
});

Mandatory和Optional返回逗号单独的约会列表,如下所示:

预约1,预约2,预约3,预约4等...

对于我的HTML,我想使用ng-repeat来生成一个强制和可选任务列表,如下所示:

appointment1

appointment2

appointment3

appointment4

为了达到这个目的,我需要改变什么?

<div ng-repeat="item in c.list track by $index">
   {{item.mandatory}}
</div>

2 个答案:

答案 0 :(得分:1)

如果您的意思是强制和可选的值是字符串并用逗号(,)分隔。您需要使用string.split(",")生成数组。

请参阅此小提琴演示。希望能帮助到你! https://fiddle.jshell.net/pe25b0aa/8/

答案 1 :(得分:0)

您可以在item.mandatory之后添加br,就像这样

<div ng-repeat="item in c.list track by $index">
{{item.mandatory}} <br>
</div>