Question

需要设计以显示第一个国家/地区列表（州和区列表应隐藏）以及当我点击特定国家/地区时，并展开有关州名单的列表（例如，如果我们采取印度，美国，英国国家和我点击印度，它显示属于印度的州名单），如果我点击展开特定州并扩展属于特定州的地区列表。

validator = function(ngModelValue) {
  var result = this.test(name, ngModelValue); 
  ngModel.$setValiditityTo = result;
  ngModel.$setValidity(name, result);
  return result ? ngModelValue : undefined;

注意：我正在使用ajax call get方法从服务器检索数据。请使用AngularJS帮助我解决您的宝贵解决方案

编辑：

<div style="border: 1px solid blue; width: 50%; height: 50%">
            <div>
                <ul ng-repeat="country in treedata.countrieslist">
                    <li>
                        <button ng-show="!country.isExpanded" ng-click="country.isExpanded=!country.isExpanded">+</button>
                        <button ng-show="country.isExpanded" ng-click="country.isExpanded=!country.isExpanded">-</button>
                        {{country.CountryName}}
                        <ul ng-repeat="state in treedata.getStateList(country.CountryId)" ng-show="country.isExpanded">
                            <li>
                                <button ng-show="!state.isExpanded" ng-click="state.isExpanded=!state.isExpanded">+</button>
                                <button ng-show="state.isExpanded" ng-click="state.isExpanded=!state.isExpanded">-</button>
                                {{state.StateName}}
                                <ul ng-repeat="district in treedata.getDistrictList(state.StateId)" ng-show="state.isExpanded">
                                    <li>{{district.DistrictName}}
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>

此功能无效。请建议我。

Answer 1

我为你创造了一个样本小提琴，让你看看这个国家的状态如何在角度js SEE HERE

中起作用

所以确切的解决方案是this one

我需要在AngularJS中使用这样的设计

1 个答案: