Question

我创建了一个函数，它结合了另外两个可以单独触发的函数（recorder.start（）和recorder.stop（））。当我尝试在一次点击中添加这些功能时，程序一次只能触发一个功能。如果程序要启动第二个功能，我不得不再次按下按钮。按下按钮后可以启动两个功能吗？

的JavaScript

$scope.record = function() {
        recorder.start($scope.recordConfig).then(function() {
            var test = $scope.recordConfig.captureSource;
        recorder.stop();
        })
    },

n.start = function(e) { 
        return t.postMessage("start", e)
    }, 

n.stop = function() {
        t.postMessage("stop")
    }, 

c.postMessage = function(e, t) { 
            return c.getPort().then(function(n) { 
                return n.postMessage({
                    type: e, 
                    data: t
                })
            })
        },

HTML

<md-button ng-click="record()" class="md-primary md-raised">Start Recording</md-button>

=============================================== ========================

进一步的问题：在这个阶段，我尝试使用popup.html.js中的以下代码来控制一个动作中的两个函数。但我发现当用户更改为另一个chrome选项卡时，弹出窗口将关闭。正如https://developer.chrome.com/extensions/faq#faq-dev-05所解释的那样，“当用户关注弹出窗口之外的浏览器的某些部分时，弹出窗口会自动关闭。”你知道保持弹出窗口始终打开的方式吗？或者让pop（）在弹出窗口关闭时运行。

popup.html.js

    $scope.recordStart = function() {
       // recorder is an angular module which can postMessage such as start/stop/pause... ...

       recorder.start($scope.recordConfig)
        .then(function() {
            var test =  $scope.recordConfig.captureSource;
            "tab" !== test && "desktop" !== test || a.IS_E2E;
        })     


$scope.stop = function() {
        recorder.stop();
    }, 

$scope.record = function() {
      $scope.recordStart();
        $timeout(function(){$scope.stop(); },4000)
 }

Answer 1

对于函数，第二个参数是您已应用的回调，但如果仔细检查，您会发现您还注入了第三个参数并将其视为回调函数。您可以通过在其他函数中调用一个函数来轻松完成此操作。

<强>例如

$scope.ParentFunction=function(){

   $scope.child_sibling1();

}

$scope.child_sibling1=function(){
    $scope.child_sibling2();
}
$scope.child_sibling2=function(){
  //your code
}

Answer 2

此示例向您展示如何使用$ timeOut
一键调用两个函数
In＆＃34; CallFun＆＃34;我们手动使用$ timeout，调用＆＃34; fun2（）＆＃34; 2秒后

你也可以通过调用API来做到这一点。

＆＃13;

var app = angular.module("app", [])

app.controller("ctrl", function($scope, $timeout){
  $scope.fun1 = function(){
    $scope.message = "Return function 1"
  }
  
  
  $scope.fun2 = function(){
    $scope.message = "Return function 2"
  }
  
  ///this is manually timeout
  $scope.callFun = function(){
    $scope.fun1();
    $timeout(function() {
      $scope.fun2();
    }, 2000);
  }  
});

＆＃13;

<html>
  <head></head>
  <body ng-app="app" ng-controller="ctrl">
    
    <button ng-click="callFun()">call functions with $timeout</button>
    
    {{message}}
    
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  </body>
</html>

＆＃13;

ng-click中的多个函数只触发一次函数

2 个答案: