kzen.dev
Lebih
Question

$pertama di ngRepeat

Saya memiliki sebuah array $scope.barang-barang.

Aku ingin jika item adalah $pertama salah satu ngRepeat untuk menambahkan class css dalam.

Apakah itu sesuatu yang bisa dilakukan dengan sudut? Umumnya bagaimana saya bisa menangani boolean dalam Ajs?

<div ng-repeat="item in items">
   <div class='' > {{item.title}}</div>
</div>
Diolor
Diolor
Pertanyaan edit 28 Oktober 2013 в 1:12
Pemrograman
angularjs
angularjs-ng-repeat
Solution / Answer

Itu harus

<div ng-repeat="item in items">
   <div ng-class='{in:$first}' > {{item.title}}</div>
</div>

Melihat ng-kelas direktif dalam http://docs.angularjs.org/api/ng.directive:ngClass dan di thread ini https://stackoverflow.com/questions/7792652/what-is-the-best-way-to-conditionally-apply-a-class-with-angularjs

Community
Community
Jawaban edit 23 Mei 2017 в 12:03
127

Anda dapat mencoba pendekatan dengan metode doa.

HTML

<div ng-controller = "fessCntrl"> 
<div ng-repeat="item in items">
   <div ng-class='rowClass(item, $index)' > {{item.title}}</div>   
</div>
</div>

JS

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

fessmodule.controller('fessCntrl', function ($scope) {
   $scope.items = [
       {title: 'myTitle1', value: 'value1'},
       {title: 'myTitle2', value: 'value2'},
       {title: 'myTitle3', value: 'value1'},
       {title: 'myTitle4', value: 'value2'},
       {title: 'myTitle5', value: 'value1'}
   ];        

     $scope.rowClass = function(item, index){
         if(index == 0){
             return item.value;
         }
        return '';
    };        
});    
fessmodule.$inject = ['$scope'];

Demo Biola

3
Related communities 1
Angular Indonesia
3 523 pengguna
Framework web development aplikasi web dan mobile https://angular.io/ Facebook Group https://www.facebook.com/groups/462764390497214/ Github Repo Angular ID https://github.com/angular-indonesia Medium Angular Indonesia https://medium.com/angularid