Question

我使用带复选框类型的输入来缩小搜索结果范围; 问题是我将复选框放入模态中，当我检查其中许多并关闭模态时，检查的输入将变为未选中状态。

我希望每次打开检查的模态输入都被检查过。

＆＃13;

 var filterTemps = [
        "partial/uicomponent/mdlFilters/mdl.estateType.filter.html",
    ];

    $scope.showReleventMdl = function(num){

        var filtersModal = $modal({
            backdrop:true,
            placement:'top',
            templateUrl :  filterTemps[num],
            controller : 'filterCtrl',
            show: false
        });

        filtersModal.$promise.then(filtersModal.show);
    };

＆＃13;

<!-- trigger the function for call modal -->
 <ul class="nav navbar-nav">
   <li>
     <a href="" ng-click="showReleventMdl(0)" ng-bind="string.pages.form.estateType"></a>
     </li>
   ...
</ul>
--------------------------------------------------
<!-- my Modal Template -->
<div class="modal-body">

                <ul class="filterList">
                    <li class="filterListItem half" ng-repeat="item in string.pages.mainPage.estateTypes">
                        <input id="estateType{{$index}}" ng-click="checked(item)" type="checkbox" class="filterCheck">
                        <label for="estateType{{$index}}" ng-bind="item"></label>
                    </li>
                </ul>

            </div>

＆＃13;

我想知道有没有办法存储已检查的输入并将其带回模态检查状态？ TNKS很多

Answer 1

您没有为$ scope对象设置任何值。试试这个......

<div class="modal-body">    
  <ul class="filterList">
    <li class="filterListItem half" ng-repeat="item in string.pages.mainPage.estateTypes">
      <input id="estateType{{$index}}" type="checkbox" ng-model="checkbox[$index].checked" class="filterCheck">
      <label for="estateType{{$index}}" ng-bind="item"></label>
    </li>
  </ul>

</div>

然后，在您的控制器中，您可以为复选框值设置$ scope对象。

$scope.checkbox = {};

当我关闭模态时，检查的输入变为未选中状态

1 个答案: