9

コントローラーに次のデータがあります。

$scope.breeds = ["Poodle", "Collie", "German shepherd"];

$scope.dogs = [
        { name: "Bingo", breed: "Poodle" },
        { name: "Lassie", breed: "Collie" },
        { name: "Bert", breed: "German shepherd" },
        { name: "Lily", breed: "Poodle" },
        { name: "Obi-Wan", breed: "Collie" }
    ];

そして、ここに私のhtmlがあります：

<select ng-model="query.breed" ng-options="breed for breed in breeds">                                    
    <option value="">All breeds</option>
 </select>

   <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>Breed</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="dog in dogs |filter:query">
                <td>{{dog.name}}</td>
                <td>{{dog.breed}}</td>
            </tr>
        </tbody>
    </table>

すべて正常に動作 - コリーを選択すると、品種 == "コリー" のオブジェクトが表示されます。しかし、「すべての品種」オプションを機能させる方法がわかりません。

4

1 に答える 1

8

ngOptions を使用する場合、互換性のないvalue=""モデルを設定します。ngRepeat だけを使用できます。nullfilter

<select ng-model="query.breed">
    <option value="">All breeds</option>
    <option ng-repeat="breed in breeds" value="{{breed}}">{{breed}}</option>
</select>
于 2013-10-04T09:59:32.393 に答える