Custom Directive Pada AngularJS

Kita akan belajar dasarnya directive pada Angular JS. Dengan directive kita bisa membuat elemen baru di HTML. Temen temen pasti sudah tidak asing lagi dengan Elemen html contoh nya seperti <p> <h1> <header> <menu> <div> <span> dan lain lain. Dengan Adanya directive kalian bisa mengajarkan pada browser untuk menterjemahkan elemen elemen HTML yang temen temen buat sendiri dan yang dibutuhkan. Directive disini ada dua yaitu directive buatan kita sendiri yang kedua directive yang sudah di sediakan oleh Angular JS. Disini kita akan membuat directive dan setelah itu kita tampilkan pada jendela browser. Pada contoh ini kita akan menampilkan Hello Word dengan membuat elemen <header-title></header-title>
 
 
kemudian kita buat controller dengan nama mycontroller
 
 
dan pastikan kita sudah menyisipkan ng-app pada elemen HTML seperti berikut
 
 
lalu kita buat directive dengan nama headertitle contohnya sebagai berikut
 
 
Pada restrict mempunyai beberapa mode yaitu Mode E untuk membuat sebuah elemen, Mode A membuat attribute dan Mode C membuat class pada elemen HTML.
dan akan tampil tulisan Hello Word dengan menuliskan elemen <header-title></header-title>. Temen temen juga bisa berkreasi sendiri dalam penggunaan directive buatan sendiri. 
Selamat Mencoba.
31 Juli 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat