我有一个无序列表,点击每个ListItem
它都会调用setActive()
<li ng-repeat="slide in data" ng-click="setActive(slide.slideIndex)">
<span class="listItemText">
<b>{{slide.slideIndex + 1}}. </b>{{slide.Title}}
</span>
</li>
setActive()
是:
$scope.setActive = function(id)
{
$scope.currentIndex = id;
}
当我单击List Items
我更新图像时:
<img id="slide" ng-src="resources/slides/slide{{currentIndex + 1}}.jpg" />
一切正常
什么不工作是我有一个视频播放器,在某些时候time
我需要更新$scope.currentIndex
我认为这会很好:
player.addEventListener("timeupdate", function()
{
currentTime = player.currentTime;
angular.forEach($scope.data, function(value, key)
{
if (currentTime >= $scope.data[key].time && currentTime <= $scope.data[key].time + 0.3 && $scope.currentIndex != key)
{
console.log("load id:" + key);
$scope.setActive(key); //Calling what works when I click a listItem
}
});
});
提示点处的console.log
作品和日志,但是,直到我列出列表后,图像才会更新MouseOver
。那时,图像将更新为任何$scope.currentIndex
发生的情况。我完全迷失了这一点。有任何想法吗?