javascript - Mengenai ng-repeat, adakah terdapat masalah untuk mendapatkan elemen selepas rendering DOM?

Question

Selepas saya menggunakan ng-repeat untuk memaparkan data, saya ingin mengubah suai gaya elemen DOM yang ditentukan Berikut ialah kod sampel

    <ul ng-repeat="item in city" repeat-done="cityFinish()">
        <li class="city city{{$index}}">{{item}}</li>
    </ul>

    $scope.cityFinish = function() {
        $('.city').css('background', 'red');
        $('.city1').css('background', 'green');
    };

Antaranya $('.city').css('background', 'red');有效，但是$('.city1').css('background', 'green'); tak sah, apa sebabnya?

Answer 1

Boleh mencuba dalam projek saya, bandar{{$index}} adalah dari city0 Anda boleh menyemak elemen untuk melihat sama ada kelas telah bertukar kepada city1, dan kemudian anda boleh mencuba titik putus $('.city1') untuk melihat sama ada elemen dom diperoleh

Answer 2

Anda semak elemen dahulu. Pastikan kelasnya betul.
Pertama sekali, saya tidak tahu cara diulang anda ditulis. Ini tidak sepatutnya disertakan dengan angularjs. repeat-done 是如何写的。这应该不是 angularjs 自带的。
其次，为什么不把颜色写到 css 中，然后用 ng-class 或者 ng-styleKedua, mengapa tidak menulis warna ke dalam css dan kemudian gunakan ng-class atau ng-style untuk memprosesnya. Anda mesti menggunakan jQuery.

Adakah keperluan anda kecuali warna latar belakang dengan indeks 1, iaitu hijau, semua yang lain adalah merah?

<ul ng-repeat="(index, item) in city">
  <li class="bg-red" ng-class="{'bg-green': $index == 1}">{{item}}</li>
</ul>

.bg-red {
  background: 'red';
}

.bg-green {
  background: 'green';
}

Jika anda tidak boleh menggunakan jQuery, jangan gunakannya, apatah lagi jqLite terbina dalam yang boleh anda gunakan. . . jQuery ialah pustaka pihak ketiga jika anda tidak membungkusnya untuk angularjs, maka anda tidak boleh menjamin bahawa pelaksanaannya adalah selepas menjana nod, terutamanya untuk arahan tersuai.