Question

我有按钮点击角度有问题。我已经在js页面中创建了按钮，在另一个页面中我已经为每个按钮编写了该功能。我的问题是，当我单击一个按钮时程序不运行关联功能。你能帮我吗？感谢

这是代码

按钮代码

replay=document.createElement('div');
replay.style.position='absolute';
replay.style.top = '10%';
replay.style.width = '30px;';
replay.style.left='10px;';
replay.innerHTML = "<button ng-click='clearReplay()'> Clear&nbsp </button><button ng-click='btnStop()'>&nbspStop&nbsp</button><button class='alert' ng-click='btnON()'> OnRec </button><button class='success' ng-click='btnOFF()'> OffRec </button><button ng-click='history()'>History</button>";
container.appendChild( replay );

这是函数的代码：

'use strict'


angular.module('cubeApp', [])
.controller('controller', ['$scope',
    function($scope){


$scope.clearReplay=function(){
            alert("ciaooo");
            insideText='';
            various.innerHTML = insideText;
            replayCounter=0;
            socket.emit('clearReplays');

}


$scope.btnStop=function(){          
            socket.emit("stopReplay");

}

$scope.btnON=function(){
//inizio a registrare

            registering = true;
            rotation.innerHTML = "registering..."
            socket.emit("startRec");

}

$scope.btnOFF=function(){
//stoppa la registrazione dei data 
            rotation.innerHTML = ""
            socket.emit("stopRec");
            if(replayCounter<5 && registering == true){
                replayCounter++;
                registering = false;
                insideText=insideText + "<button id='btnStart" + replayCounter + "'>"+replayCounter+"</button>";
                various.innerHTML = insideText;             
            }else{console.log("replay limit");}
          }


$scope.toggle=function(){
// passo da rad a gradi e viceversa
            BarValue[0]=0;
            BarValue[1]=0;
            if(barStyle=='rad'){
                barStyle='gradi';

            }
            else {
                barStyle='rad';
            }

 }

$scope.runtime=function(){
            //stoppo l esecuzione del runtime dei grafici
            if(stopRuntime==false){stopRuntime=true;}
            else{stopRuntime=false;}

}

$scope.history=function(){
            //stoppo l esecuzione del runtime dei grafici
            if(stopHistory==false){stopHistory=true;}
            else{stopHistory=false;}

}


 }
 ]);

Answer 1

这是一个非常简单的问题，你可以在没有angularjs知道的情况下动态创建DOM，所以它实际上并没有跟踪ng-click，你应该放弃在angularjs之外操作视图的想法，因为它MVC和视图应该由控制器驱动

Angularjs单击多个按钮

1 个答案: