順序付けられていないリストがあり、それぞれをクリックすると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
が起こっても更新されます。私はこれに完全に迷っています。何か案は?