AngularJSのリストの一番上にあるチェックボックスをオンにする方法

Question

apiからデータを消費しています。通常のリストビューでチェックボックスと一緒に表示しています。リソースの完全なリストが1つあり、選択されたリソースを別のリソースに

は現在、この

期待リストは以下のようになりたいと、ここで

はNGリピートループでの私のチェックボックスである

<div class="search" ng-repeat="resource in ViewData.resources"> 
    <input type="checkbox" value="{{resource.resourceName}}" ng-model="resourceList[resource.resourceId]" 
          ng-click="resourceChange(resource.resourceId)" 
          ng-checked="checkSelectedResource(resource.resourceId)"> 
    <label class="list{{resource.resourceId}}" >{{resource.resourceName}}</label> 
</div> 

Answer 1

王の例： http://jsfiddle.net/irhabi/fqdqbpbc/

HTML

<div ng-controller="MyCtrl"> 
    <div class="search" ng-repeat="fruit in fruits | orderBy:['-checked','name']:false"> 
    <input id="fruit{{$index}}" type="checkbox" ng-model="fruit.checked"> 
     <label for="fruit{{$index}}">{{fruit.name}}</label> 
    </div> 
    <br/> 
    <p>fruits model:</p> 
    <pre>{{fruits|json}}</pre> 
</div> 

JS

var myApp = angular.module('myApp',[]); 

myApp.controller('MyCtrl', MyCtrl); 

function MyCtrl($scope) { 
    $scope.fruits = [ 
     {name:'apple',checked:false}, 
     {name:'banana',checked:false}, 
     {name:'orange',checked:false} 
    ]; 
} 

Answer 2

ng-ifで制御できます。 ng-checkedの項目に該当する場合、あなたがしたい場合は、この

<div class="search" ng-repeat="resource in ViewData.resources"> 
    <input type="checkbox" value="{{resource.resourceName}}" ng-model="resourceList[resource.resourceId]" 
          ng-click="resourceChange(resource.resourceId)" 
          ng-checked="$first"> 
    <label class="list{{resource.resourceId}}" >{{resource.resourceName}}</label> 
</div> 

にあなたのコードは、あなたが簡単にトリガすることができますng-show="$first"

Answer 3

変更を使用

$scope.checkFirst=function(first){if(first == true){ //your function }} 

のようなコントローラーの最初の要素のイベントをクリックしてすることができますたとえば名前で注文する

ng-repeat="resource in ViewData.resources | orderBy://name for example