Javascript 如何在td内重复数组，使td包含所有数组值

我有许多数组需要在单个

td

中

ng repeat

。例如，

{“地点”：[“加利福尼亚州旧金山”，“加利福尼亚州洛杉矶”]}

，其中

td

需要看起来像

<td>San Francisco, CA,Los Angeles, CA</td> 

我尝试了许多不同的方法，但它们似乎都重复了

td

…以下是我尝试过的一些方法：

td(ng-repeat-start="location in currentSchools.Locations") {{location}}

及

---

ng repeat将为集合中的每个元素重复它声明的html元素

看起来您希望在元素内部进行更多的字符串连接

因此，您的控制器中应该有这样一个方法：

$scope.schoolLocationsList = function() {
  return $scope.Locations.join();
}

然后在你的html中你应该这样做

<td>{{ schoolLocationsList() }}</td>

{{schoolLocationsList（）}

ng repeat将为集合中的每个元素重复声明的html元素

看起来您希望在元素内部进行更多的字符串连接

因此，您的控制器中应该有这样一个方法：

$scope.schoolLocationsList = function() {
  return $scope.Locations.join();
}

然后在你的html中你应该这样做

<td>{{ schoolLocationsList() }}</td>

{{schoolLocationsList（）}

您可以在

元素内使用

标记，并在span元素上使用ng repeat

您可以在

元素内使用

标记，并在span元素上使用ng repeat

您可以在

td

内循环，使用另一个元素，如

span

。例如：

<table>
    <tr>
        <td>
            <span ng-repeat="location in currentSchools.Locations">{{location}}, </span>
        </td>
    </tr>
</table>

{{location}}，

---

但是，这将给您一个尾随逗号。

您使用另一个元素（如

span

）在

td

内循环。例如：

<table>
    <tr>
        <td>
            <span ng-repeat="location in currentSchools.Locations">{{location}}, </span>
        </td>
    </tr>
</table>

{{location}}，

---

但是，这将给您一个尾随逗号。

您可以在模板中使用数组方法：

<td>{{ currentSchools.Locations.join(', ') }}</td>

{{currentSchools.Locations.join（'，'）}

您可以在模板中使用数组方法：

<td>{{ currentSchools.Locations.join(', ') }}</td>

{{currentSchools.Locations.join（'，'）}

试试做

{{location}}

您只需将其格式化为包含逗号或任何间距，但希望以您希望的方式列出您的元素

以钢笔为例。

试试做

{{location}}

您只需将其格式化为包含逗号或任何间距，但希望以您希望的方式列出您的元素

---

以笔为例。

我认为您应该看到一个以您想要的方式将数组连接到控制器内的一个字符串中，迭代数组并连接到一个字符串。我认为您应该看到一个以您想要的方式将数组连接到控制器内的一个字符串中的数组，迭代数组并连接到单个字符串。如何在td中使用span？如下图所示并将ng repeat应用于i如何在td中使用span？如下图所示并将ng repeat应用于它