嵌套的ng-repeat问题

时间:2016-04-06 03:08:10

标签: angularjs angular-ui-bootstrap

我创建了一个主题和一个子主题表,但我希望每个子主题只引用一个主题而不更改。现在,我的代码将范围更新为我所有div上最近的ng-repeat调用。问题是如果打开了2行或更多行,则所有行都会更新其范围以匹配上次打开的行。我在plunkr上设置了一个例子:

我的观点如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>XSL Output</title>
</head>
<body>
<ul style="list-style-type:square;color:red">
<li>Chevrolet</li>
<li>Corvette</li>
<li>6.0 Liters </li>
<li>8 Cylinders</li>
<li>400 Horsepower</li>
<li>53000</li>
</ul>
<ul style="list-style-type:square;color:red">
<li>Dodge</li>
<li>Viper</li>
<li>8.3 Liters </li>
<li>10 Cylinders</li>
<li>510 Horsepower</li>
<li>85000</li>
</ul>
<ul style="list-style-type:square;color:red">
<li>Pontiac</li>
<li>Solstice</li>
<li>2.4 Liters </li>
<li>4 Cylinders</li>
<li>177 Horsepower</li>
<li>22000</li>
</ul>
</body>
</html>

我认为内部ng-repeat存在问题,但我不确定。当两个或多个表行打开时,是否有一种方法可以使子主题匹配其主题而不更新其范围?

1 个答案:

答案 0 :(得分:0)

问题出在你的showContent方法中。除了在每个条件中声明var testArr的明显错误之外,此方法每次调用showContent时都会设置数组。

您需要将子数组保存在主题对象中,以便相应地显示每个子数组