Question

我是angularjs的初学者，对不起，如果我问愚蠢的问题。

function getCams(callback){
  var media_list = [];
  MediaStreamTrack.getSources(function(sourceInfos){
    var i=0;
    while(i!=sourceInfos.length){
      if (sourceInfos[i].kind == 'video'){
        var temp = [];
        temp.push(sourceInfos[i].id);
        temp.push(sourceInfos[i].label);
        media_list.push(temp);
      }
      i++;
    }
    callback(media_list);
  });
}
var app = angular.module('myApp', []).config(function($interpolateProvider){
    $interpolateProvider.startSymbol('{[{').endSymbol('}]}');
});
app.controller('myCtrl', function($scope, $interval) {
  $scope.cams = [];
  var checkcams = getCams(function(media_list){
    $scope.cams=media_list;
    $scope.$apply();
    console.log("test");
  });
  $interval(checkcams, 10000);
});

上面是我试图获取连接到系统的凸轮数量的代码，并尝试使用回调函数在角度js中更新相同的内容

$interval(checkcams, 10000);

我试图在每10秒后调用该函数，但此函数在页面加载后仅运行一次，而不是每隔10秒运行一次。

我已经看过这个问题，它不会帮助我。 $interval not running, angularjs

Answer 1

getCams没有返回，因此$interval无效。这是预期的行为。

您可以将代码重写为

//Wrap getCams call in a function
var checkcams = function(){
    getCams(function(media_list){
        $scope.cams=media_list;
        $scope.$apply();
        console.log("test");
    });
}

//Call it when view is launched
checkcams();

//set Interval
$interval(checkcams, 10000);

Answer 2

通过这样做

var checkcams = getCams(function(media_list){
$scope.cams=media_list;
$scope.$apply();
console.log("test");

}）;

您已将checkcams设置为getCams返回的变量，而不是函数。

试试这个

function checkcams () {
    getCams(function(media_list){
        $scope.cams=media_list;
        $scope.$apply();
        console.log("test");
    });
}
$interval(checkcams, 10000);

$ interval不适用于回调函数，角度为js

2 个答案: