javascript - 如何将 AngularJS 表达式传递给 Controller

标签 javascript angularjs

我想将 AngularJS Expression 值传递给 Controller ​​。

HTML 代码:

<div data-ng-controller="AlbumCtrl">
<div data-ng-repeat="z in songInfo">
      <div data-ng-repeat="b in z.album">
  {{b.tracks}}
      </div>
</div>

 <!-- Pagination   -->      
 <div class="pageing">
<a class="prev" data-ng-disabled="currentPage == 0" data-ng-click="currentPage=currentPage-1">prev</a>
<a class="pageingg" href="#/song">{{currentPage+1}}/{{numberOfPages()}}</a>
<a class="next" data-ng-disabled="currentPage >= data.length/pageSize - 1" data-ng-click="currentPage=currentPage+1">next</a>
</div>

</div>

这里的 {{b.tracks}} 是专辑中轨道的总数。我必须将此数据传递给 Controller ​​ AlbumCtrl

Controller :

.controller('AlbumCtrl', function($scope, $routeParams, $http) {
    $scope.album_id = $routeParams.albumId;
    $http.post('api-call.php', { albumid: $scope.album_id, evt: 13 }).success(function(data) {
        $scope.songInfo = data;
      }); 
    
    //Pagination
    $scope.currentPage = 0;
    $scope.pageSize = 10;
    $scope.data = [];
    $scope.numberOfPages=function(){
        return Math.ceil($scope.data.length/$scope.pageSize);                
    };
    for (var i=0; i<AngularJS expression value; i++) {
        $scope.data.push("Item "+i);
    }
});

在这里, Controller 中的 AngularJS 表达式值 是我们必须在此处获取的值。

最佳答案

如果它只有一个值。然后你可以很容易地从 Controller 中获取值,你不需要传递它。

尝试这种方式 $scope.songInfo[0].album[0].tracks

有点像

  for (var i=0; i< $scope.songInfo[0].album[0].tracks; i++) {
        $scope.data.push("Item "+i);
    }

关于javascript - 如何将 AngularJS 表达式传递给 Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30701363/

相关文章:

javascript - MVC 中的函数可以跨 Controller 交互吗?

javascript - 如何检查用户名和电子邮件是否已注册?

javascript - Select2.js v4.0 : how set the default selected value with a local array data source?

javascript - highcharts 中自定义标签左侧样式的百分比

javascript - AngularJS:让元素跟随光标

javascript - AngularJS:错误:[$injector:unpr] 未知提供者:$scopeProvider <- $scope <- productService

javascript - AngularJS 将 $viewValue 与 ng-model 或对象参数进行比较

javascript - 有条件地在 3 个元素后添加一行 : ReactJS

javascript - 如何在获得焦点时放大按钮?

javascript - 如何在 View 中使用 $ 等符号或 V、Amp 等单位格式化属性值的对象属性上使用 Angular 过滤器搜索?