Javascript AngularJS+；Onsen、ng隐藏和ng显示不工作

我正在使用AngularJS 1和onsen框架开发一个应用程序，我正在尝试以下示例：

angular.module（'myApp'，['onsen'，'ngAnimate']）控制器（'MyCtrl'，函数（$scope）{
$scope.groups=[]；
对于（变量i=0；i<10；i++）{
$scope.groups[i]={
姓名:我,，
项目：[]
};
对于（var j=0；j<3；j++）{
$scope.groups[i].items.push（i+'-'+j）；
}
}
/*
*如果给定的组是选定的组，请取消选择该组
*否则，请选择给定的组
*/
$scope.toggleGroup=函数（组）{
如果（$scope.isgroupshow（组））{
$scope.shownGroup=null；
}否则{
$scope.shownGroup=组；
}
};
$scope.isGroupShowed=函数（组）{
返回$scope.shownGroup==group；
};
});

在本例中，您可以看到，它们在元素上使用了ng show和ng hide函数

我自己尝试了代码，但无法使列表折叠，因为ng隐藏不起作用

我甚至下载了angular-animate.js模块并加载了它，但它不工作

---

有什么建议吗？

对我来说很好。你在用什么浏览器？Chrome。它以前工作过，但现在我更新到了Onsen v2，开始了一个全新的项目（Onsen v1中的旧项目已经有1年的历史了，并且在引擎盖下进行了一些调整，我不想将其引入新项目）。就这一点而言，它在PhoneGap模拟器中或任何地方都不起作用。我想我遗漏了一些指令…？Onsen UI不应该影响ngShow或Ngshide。它在这里工作没有问题：也许你在HTML中有一些问题？

angular.module('myApp', ['onsen', 'ngAnimate']).controller('MyCtrl', function($scope) {
  $scope.groups = [];
  for (var i = 0; i < 10; i++) {
    $scope.groups[i] = {
      name: i,
      items: []
    };
    for (var j = 0; j < 3; j++) {
      $scope.groups[i].items.push(i + '-' + j);
    }
  }

  /*
   * if given group is the selected group, deselect it
   * else, select the given group
   */
  $scope.toggleGroup = function(group) {
    if ($scope.isGroupShown(group)) {
      $scope.shownGroup = null;
    } else {
      $scope.shownGroup = group;
    }
  };
  $scope.isGroupShown = function(group) {
    return $scope.shownGroup === group;
  };

});