创建分组和子分组的下拉列表Angularjs

Question

我正在尝试在由Json填充的angularJS中创建一个下拉列表。我需要组和子组。但是，当我需要在ng-repeat中打开一个组时遇到麻烦。我正在使用按钮，因此可以选择包括标题在内的所有项目，并根据条件显示div。

HTML和Angular代码：

dnf whatprovides /usr/bin/2to3

(function() {
  'use strict';

  angular.module('cdeApp')
    .component('advCrimeSelect', {
      controller: AdvCrimeSelectController,
      templateUrl: 'src/components/advCrimeSelect/index.html',
      bindings: { onChanges: '<', crimes: '<', selectedCrime: '<', groups: '<'}
    });

  AdvCrimeSelectController.$inject = ['$log'];
  function AdvCrimeSelectController($log) {
    var vm = this;

    vm.$onInit = construct;

    function construct() {
      vm.crimeChanged = crimeChanged;
      vm.openDdl = openDdl;
      vm.openGroups = openGroups;
      vm.ddlOpen = false;
      vm.openPerson = false;
      vm.openProperty = false;
      vm.openSociety = false;
      vm.groupName = " ";
    }

    function crimeChanged() {
      if (vm.onChanges)
        vm.onChanges({ crime: vm.selectedCrime });
    }

    function openDdl(){
      if(vm.ddlOpen == false)
        vm.ddlOpen = true;
      else {
        vm.ddlOpen = false;
      }
    }

    function openGroups(group){
      vm.groupName = group;
      console.log(vm.groupName);
    }

  }
})();

在按钮下方的循环内的ng-show上进行比较时，与g.id一样，其返回值相同。所以我不确定为什么我的ng-show根本不显示带有“ stuff”的div。只要单击一个组，该条件应该为true。