如何在角度js中给出最大的选定元素?

时间:2015-05-31 14:42:15

标签: angularjs angularjs-directive angularjs-scope ionic-framework ionic

我们可以给出角度最大的选定元素限制吗?实际上我有一个多选元素,用户可以在其中选择多个东西。但我需要限制用户在其他用户中只选择3个项目。我会告诉我的问题再次,我有按钮。点击按钮我显示弹出用户选择多个元素。我需要用户只选择最多3个。如果他尝试选择4个元素它给出错误,你不能选择超过三个我们可以有角度吗?

这是我的代码 http://codepen.io/anon/pen/jPypNb

angular.module('ionicApp', ['ionic'])
.controller('MyController', function($scope, $ionicPopover) {
  $scope.data =[
    {"name":"A", value:false},
    {"name":"B", value:false},
    {"name":"C", value:false},
    {"name":"D", value:false},
    {"name":"E", value:false}
  ]
  $ionicPopover.fromTemplateUrl('my-popover.html', {
    scope: $scope
  }).then(function(popover) {
    $scope.popover = popover;
  });


  $scope.openPopover = function($event) {
    $scope.popover.show($event);
  };

   $scope.closePopover = function() {
    $scope.popover.hide();
  };
}
)

1 个答案:

答案 0 :(得分:1)

在按钮单击

上添加最大值的控件

请在此处查看更新的代码 http://codepen.io/anon/pen/jPypNb?editors=001

这个过程就在这里:

$scope.maxCheck = function($index){
    $scope.countMax = 0;
    for(i=0;i<$scope.data.length;i++){
      if($scope.data[i].value == true)
        $scope.countMax++;
    }
    console.log("CALC",$scope.countMax,$scope.MAX)
    if($scope.countMax > $scope.MAX){
      $scope.data[$index].value = false;
      alert("limit reached");
    }