angularjs - 使用 ng-repeat 构建复选框过滤器

Question

我有一个 JSON 对象，我正在使用 ng-repeat 从中构建复选框与 orderBy: 'name' :

<div ng-controller="Ctrl">
    <ul>
        <li ng-repeat="fruit in fruits | orderBy:'name'">
            <label>
                <input type="checkbox" name="{{fruit.name}}" id="{{fruit.name}}">
                {{fruit.name}}
            </label>
        </li>
    <ul>
</div>

现在我想先通过“检查”然后按字母顺序对我的项目进行排序。

这是一个 fiddle : http://jsfiddle.net/DqfTw/67/

Answer 1

您的数据中应该有一个额外的列，用于默认为 false(未选中)或根据您需要的状态。然后将其用于 ng-model
您的数据应如下所示。

 $scope.fruits =
            [{'name':'apple',status:false},
        {'name':'Mary',status:false},
        {'name':'Mike',status:false},
        {'name':'Adam',status:false},
        {'name':'Julie',status:false}]

    }

那么你的 html 将是

   <ul>
<li ng-repeat="fruit in fruits | orderBy:['!status','name']">
    <label><input type="checkbox" name="{{fruit.name}}" ng-model="fruit.status" >{{fruit.name|uppercase}}</label></li>
<ul>

检查下面的 fiddle 链接。这可以根据您的需要完美运行，
http://jsfiddle.net/DqfTw/90/

@Mickael 即使是更新的也不能完美运行，