0

我的页面上呈现了一个电影列表，我的控制器代码如下所示

angular.module('rentalapp.controllers.rentals', ['restangular'])
.controller('rentalController', ['$rootScope','$scope', 'DataService', function($rootScope, $scope, DataService){
    //$rootScope.obj = {search: []};
    DataService.getRentals().then(function(data){
        $scope.movielist = data;

    });

}])

一切正常，直到我尝试使用复选框过滤器过滤列表。我正在使用 ng:include 包含 filters.html。如果过滤器是数据模板的一部分，一切正常，但如果它的部分 ng:include 过滤器不起作用。我知道 ng:include 创建了一个子范围，但我不知道如何解决这个问题。我的过滤器代码如下所示

<input type="checkbox" data-ng-model='search.$' data-ng-true-value='Unrated' data-ng-false-value='' />Unrated</label>

数据中继器是：

<tr ng-repeat="movie in movielist | filter:search">
          <td>{{$index+1}}</td>
          <td><a href="#/detail/{{movie._id.$oid}}">{{movie.title}}</a></td>
          <td>{{movie.year}}</td>
          <td>{{movie.mpaa_rating}}</td>
          <td><a class="btn btn-success" href="#/edit/{{movie._id.$oid}}">Edit</a></td>
          <td><a class="btn btn-danger" href="#/delete/{{movie._id.$oid}}">Delete</a></td>
        </tr>
4

1 回答 1

2

正如您所指出的，包含的 html 有它自己的范围。要绑定到父作用域上的搜索属性，您可以使用：

<input type="checkbox" data-ng-model='$parent.search.$' />
于 2014-03-02T13:40:58.357 回答