javascript - 根据是/否将 Controller 中的项目保存到数组中

Question

在使用 angularJS 时遇到了一些问题，我只使用了两周，而且我的 javascript 知识也相当不存在，所以请考虑到这一点。

我目前正在制作一个听力测试应用程序，除了内置的报告系统之外，所有功能都可以正常工作。

我想在是/否的基础上记录他们从这两个按钮听到声音的频率和 DB。

<button ng-click='' type="button" class="btn btn-primary btn-lg  glyphicon glyphicon-ok"></button>
<button ng-click='' type="button" class="btn btn-default btn-lg  glyphicon glyphicon-remove"></button>

这里以我的一个 125HZ 0DB Controller 为例。

// 125 FREQUENCY START
myApp.controller('125Zero', ['$scope','ngAudio', function($scope, ngAudio) {

    $scope.title = "Frequency: 125Hz";
    $scope.frequency = "0Db"; 
    $scope.sound = ngAudio.load("audio/125_0.mp3"); // returns NgAudioObject
    $scope.previous =""
    $scope.next ="125Ten"
}]);

我希望将 $scope.title 和 $scope.Frequency 属性记录到数组中以供以后处理。

这就是我的想法

function result() {
$scope.results = [];


  $scope.resultService = function(){
    $scope.results.push();  
  }

}

如果没有结果，我想将标题和频率保存到数组中，并允许程序移动到下一个 Controller ，如果听到频率则执行相同的操作。

感谢您的任何帮助或想法。

如果我的代码不是最干净或理想的，我深表歉意，但正如我所解释的，这是我使用 AngularJS 的第二周

谢谢。

Answer 1

Add event listeners to the buttons:

<button ng-click='buttonPressed('okay")' type="button" class="btn btn-primary btn-lg  glyphicon glyphicon-ok"></button>
<button ng-click='buttonPressed("remove")' type="button" class="btn btn-default btn-lg  glyphicon glyphicon-remove"></button>

在您的 Controller 中，添加这些方法:

myApp.controller('125Zero', ['$scope','ngAudio', function($scope, ngAudio) {

    $scope.title = "Frequency: 125Hz";
    $scope.frequency = "0Db"; 
    $scope.sound = ngAudio.load("audio/125_0.mp3"); // returns NgAudioObject
    $scope.previous ="";
    $scope.next ="125Ten";

    $scope.buttonPressed= function(outcome) {
       $scope.result = [];
       var tempObj = {};
           tempObj.title = $scope.title;
           tempObj.frequency = $scope.frequency; 
            // check for outcome to find out if it's okay or remove. 
            //based on that set the frequency here.
           $scope.result.push(tempObj);
           // add this to service
    } 
    }]);

要在下一个 Controller 中获取该值:

您需要将 $scope.result 存储在服务中。因此，创建一个服务并将 $scope.result 推送到其中。

在第二个 Controller 中，将该服务作为依赖项注入(inject)并访问其中的值。