Javascript 使用AngularJS组件在控制器中存储的对象数组上迭代

我试图迭代一个对象数组，从中我想在一个模式中显示一个旋转木马

我试着用ng repeat，但没有效果

所以，基本上我想要实现的是，点击WhatsNew按钮，一个模态应该打开，然后模态启动一个旋转木马，它从对象数组中获取数据

以下是我迄今为止所做的工作

（功能（）{
"严格使用",；
var-app=angular.module（'myApp'，[]）；
app.component（“logModal”{
templateUrl:'logModalTemp.html'，
绑定：{
姓名：'@'
},
控制器：函数（）{
this.title=“使用组件的模态”；
此值为0.logs=[{
“屏幕图像”：“WhatsNew.png”，
“功能名称”：“用户分析”，
“描述”：“立即检查”
},
{
“screenImage”：“Screen.png”，
“功能名称”：“新用户界面”，
“描述”：“用户界面改进”
},
{
“screenImage”：“Screen.png”，
“功能名称”：“新用户界面”，
“描述”：“用户界面改进”
}
];
}
});
})();

使用组件的引导模式
有什么新鲜事吗
&时代；
{{$ctrl.title}
{{log.featureName}
{{log.Desc}}
代替

ng-repeat="log in logs"

用这个

ng-repeat="log in $ctrl.logs"

拨弄

更新：-

根据您的要求，您可以使用“ng类”

 <div class="item" ng-class="{'active': $index == 0}">



看到这个更新的小提琴了吗

现在，您只需进行验证，即可通过一个角度组件即时启动控制器，其中有一个别名控制器
$ctrl

必须使用
$ctrl.logs
从组件调用
logs
变量

我建议您使用“track by$index”来避免重复具有相同索引的元素

你说过，
是的，明白了。现在，旋转木马不起作用，可能是因为所有的DIV都变得活跃了。如何仅分配具有class=“active”？的类“Carousel-Inner”的DIV的第一个子级

为什么不使用
ngClass
并仅将第一个元素设置为活动？当然，然后您必须为设置下一个元素的
活动类
创建一个函数

ng class={'active'：$index==0}
是否显示模式标题？如果是这样的话，尝试一下
$ctrl.logs
，就像你对模式标题所做的那样。是的，明白了。现在，旋转木马不起作用，可能是因为所有的DIV都变得活跃了。我如何才能只分配DIV的第一个子类“Carousel Inner”和class=“active”？正如你所说的那样，现在它显示的是一个图像，而不是3个，但旋转木马仍然没有移动。在小提琴本身上，它第一次工作，就像旋转木马没有在它应该的上面循环一样。是的，我受够了。它按我的要求工作。谢谢。有没有办法让我们每三秒制作一次这张幻灯片。我尝试使用setInterval，但没有成功。