如何重新加载具有不同参数的div？

Question

我有一些标签。在选择每个选项卡时，应使用与每个选项卡相对应的一些特定参数值初始化特定div并重新加载。怎么办呢？

以下是标签：

<div ng-controller="visCtrl as ctrl" class="container col-sm-12"> 
    <div class="bs-example">
        <ul class="nav nav-pills">
            <li ng-class="{active:ctrl.isSet(1)}"><a href ng-click="ctrl.setTab(1)">Crime</a></li>
            <li ng-class="{active:ctrl.isSet(2)}"><a href ng-click="ctrl.setTab(2)">Accidents</a></li>
        </ul>
    </div>

    <div>
        <!-- i want the $scope.districts to be changed and the following select show the corresponding options -->
        District:<select ng-model="selectedDistrict" ng-options="item as item for item in districts | orderBy:'toString()' " ></select>
        <!-- A LOT OF SIMILAR CODE WHICH WILL BE USING OTHER UPDATED PARAMETERS -->
    </div>

</div>

Answer 1

  

我希望更改$ scope.districts，然后选择以下内容   显示相应的选项

你可以通过多种方式做到这一点。

以伪代码为例：

$scope.districts = []

$scope.setTab = function(tab) {

    var res = [];

    if (tab == 1) {
        res = $scope.districts.filter(function(item) {
            return item == something;
        });
    }else{
        res = $scope.districts.filter(function(item) {
            return item != something;
        });
    };

    $scope.districts = res;

}