Pada kesempatan kali ini saya akan membahas Cara Membuat Efek Teks Strike Dengan AngularJs. Dimana efek teks strike ini akan dijalankan dengan melakukan klik checkbox dan secara otomatis teks yang kita pilih akan muncul efek strike dengan mengaktifkan sebuah class yang sudah di buat sebelumnya.

Langkah pertama Cara Membuat Efek Teks Strike Dengan AngularJs kita buat terlebih dahulu data di dalam controller untuk ditampilkan seperti script di bawah ini.

Langkah selanjutnya kita akan buat fungsi strike masih di dalam controller seperti script di bawah ini.

Dan terakhir kita akan membuat sebuah struktur html untuk mencetak dan melooping data yang sudah di buat dengan nama variable todolist di dalam controller. Dan berikut inib adalah script struktur htmlnya.

Disini saya looping data todolist di tag li pada html dengan menggunakan ng-repeat dan kemudian input type checkbox saya berikan ng-model untuk mengambil nilai dari todo.done. Jika teman-teman buka di browser masing-masing maka tampilannya akan terlihat seperti pada gambar di bawah ini. Dimana ketika input checkbox di klik dan statusnya check maka efek tulisan mejadi strike. dan jika checkbox di uncheck maka akan kembali seperti semula.

Cara Membuat Efek Teks Strike Dengan AngularJs

Demikian artikel tentang Cara Membuat Efek Teks Strike Dengan AngularJs. Teman-teman bias eksplore lebih banyak materi tentang angularjs di website resminya https://angularjs.org/ . Semoga artikel ini dapat bermanfaat dan selamat mencobanya.